要在JavaScript中获取鼠标位置并判断鼠标是否移动,您可以使用以下代码:
var lastMouseX = -1;
var lastMouseY = -1;
document.addEventListener("mousemove", function(event) {
// 获取鼠标位置
var mouseX = event.clientX;
var mouseY = event.clientY;
// 判断鼠标是否移动
if (lastMouseX !== -1 && lastMouseY !== -1) {
if (lastMouseX !== mouseX || lastMouseY !== mouseY) {
console.log("鼠标已移动");
// 更新上一次的鼠标位置
lastMouseX = mouseX;
lastMouseY = mouseY;
这个代码使用了 document.addEventListener
方法来监听 mousemove
事件。在事件处理程序中,使用 event.clientX
和 event.clientY
获取当前鼠标位置。然后,将获取到的位置与上一次记录的位置进行比较,如果不相同,则表示鼠标已经移动。最后,更新上一次记录的鼠标位置。
需要注意的是,如果鼠标一开始就在屏幕的左上角,则初始的 lastMouseX
和 lastMouseY
值为 -1。如果您的应用程序允许鼠标离开页面,则您可能需要考虑一些其他情况,例如鼠标移动到另一个窗口或屏幕上。