时间戳

首页 > 解决方案 > 为什么不同的 mousemove 事件具有相同的 XY 坐标？

javascript - 为什么不同的 mousemove 事件具有相同的 XY 坐标？

问题描述

我正在使用.pageXand跟踪和记录 mousemove 事件上的光标位置.pageY，并且我注意到某些事件是使用相同的 xy 坐标触发的。我在这里想念什么？有没有更好的方法来获取实时光标坐标？

document.addEventListener("mousemove", (e) => {
  console.log("x:", e.pageX, "y:", e.pageY);
});
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Log Coordinates</title>
  </head>
  <body>
    <script src="./index.js"></script>
  </body>
</html>

在我的浏览器控制台中，由于控制台已将重复日志折叠成一行，因此日志左侧的数字（3、5、3、5 等）显示了重复项。

以下是上述堆栈片段输出的屏幕截图：

重复 mousemove 事件

标签： javascript

解决方案

推荐阅读