JavaScript事件监听器鼠标移动

u

如何记录鼠标坐标值

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

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

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

来自MDN：

listener是“一个实现EventListener接口的对象，或一个JavaScript函数”（emphasis mine）

您只需传入一个命名函数（在本例中为“yo”）。它的工作原理和匿名函数一样好。即:

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

根据API参考：

document.addEventListener（事件、函数、使用捕获）

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

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

在“mousemove”的情况下，web浏览器传递到函数中的参数包含各种有用的参数

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

所有非全局值都将与.div相关

---

希望这有帮助。

u

是事件对象，它包含了其中的坐标。Ty非常多

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