js获取鼠标位置判断鼠标是否移动

要在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.clientXevent.clientY 获取当前鼠标位置。然后,将获取到的位置与上一次记录的位置进行比较,如果不相同,则表示鼠标已经移动。最后,更新上一次记录的鼠标位置。

需要注意的是,如果鼠标一开始就在屏幕的左上角,则初始的 lastMouseXlastMouseY 值为 -1。如果您的应用程序允许鼠标离开页面,则您可能需要考虑一些其他情况,例如鼠标移动到另一个窗口或屏幕上。

  •