相关文章推荐
干练的西装  ·  js ...·  3 月前    · 
豪爽的生菜  ·  js ...·  2 年前    · 
发怒的芒果  ·  #define directive ...·  3 年前    · 
高大的上铺  ·  Strings - C# ...·  3 年前    · 

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

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

  •