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);
});