JavaScript eventListener mousemove

Question

u如何登录鼠标坐标的值？

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

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

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

Answer 1

根据这API参考：

Document.addEventListener(事件，函数，useCapture)

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

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

在"mousemove“的情况下，web浏览器传递给函数的参数包含各种有用的信息。

根据这 Mozilla，在较新版本的火狐和chrome中，console.log函数只存储对传递给web浏览器的对象的引用“在调用console.log()时，这不一定是对象的‘值’，而是在单击对象打开时对象的值。”

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

希望这能有所帮助。

Answer 2

来自MDN：

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

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

侦听器是“实现EventListener接口的对象，或JavaScript函数。”(强调地雷)

您只是传递一个命名的函数(在本例中为'yo')。它可以和匿名函数一样工作。这就是：

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