Question

如何进行此操作，以便仅在移动使用onmousemove事件移动时才执行以下代码。

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

我正在寻找纯粹的JavaScript解决方案。

Answer 1

您可以通过执行以下操作来处理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坐标。您可以将所需的任何内容放入处理程序中-为了事件处理示例，我只是觉得效果不佳。

我如何使用onmousemove事件？

1 个答案: