时间戳

首页 > 解决方案 > 如何使用 onmousemove 事件？

javascript - 如何使用 onmousemove 事件？

问题描述

如何才能使以下代码仅在使用onmousemove事件移动时才执行。

settimeout(function(){ confirm("Hello"); }, 3000);

我只是在寻找一个纯 JavaScript 解决方案。

标签： javascriptonmousemove

解决方案

您可以mousemove通过执行类似于我下面的操作来处理该事件：

var handler = function(e) {
  console.clear();
  console.log(`Mouse at: X:${e.screenX} Y:${e.screenY}`);
}

document.body.addEventListener('mousemove', function(e) {
  //setTimeout(function() {
  handler(e);
  //}, 1000)
});
<body>
  <p>Here is some text
  </p>
  <p>Event should fire when hovering
  </p>
  <p>any text in a child element of document.body
  </p>
</body>

在我的示例中，我注释掉了setTimeout（顺便说一句，它是区分大小写的）方法，并且只记录了事件发生时鼠标指针的 X 和 Y 坐标。你可以把你想要的任何东西放在处理程序中——我只是认为对于事件处理示例来说效果不佳。

推荐阅读