JavaScript eventListener mousemove

Posted 2021-05-02

u如何登录鼠标坐标值？

div = document.querySelector('.div');

div.addEventListener('mousemove', function yo(u) {
  console.log(u);
});

这记录了鼠标的x和y坐标值。

答案

根据 this API参考：

document.addEventListener（event，function，useCapture）

是函数原型，它接受一个事件类型字符串作为第一个参数，一个“回调”函数作为第二个参数，第三个参数是true或false，表示应该调用该函数的哪个阶段。

当回调激活时，事件对象被传递给声明的函数，类型取决于回调的类型。

在“mousemove”的情况下，Web浏览器传递给函数的参数包含各种有用的information

根据this Mozilla开发人员的参考，在较新版本的firefox和chrome中，console.log函数只存储对传递给Web浏览器的对象的引用“这不一定是您调用时对象的'value' console.log（），但它是单击它打开时对象的值。“

所有非全局值都将相对于.div

希望这可以帮助。

另一答案

来自MDN：

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

target.addEventListener(type, listener[, options]);

listener是一个实现EventListener接口或javascript函数的对象。 （强调我的）

你只是传入一个命名函数（在这种情况下命名为'yo'）。它可以像匿名函数一样工作。那是：

div.addEventListener('mousemove', function(x) {
  console.log(x);
});