多个 document.onmousemove 事件无效

Question

我想要一些关于 javascript project.What 我正在尝试做的事情的帮助，有两个函数在鼠标移动时启动，但每次只有一个起作用

例如，如果我这样做

var mouseX;
var mouseY;

document.onmousemove = captureMouse;
document.onmousemove = function(){console.log("check");}
function captureMouse(ev){
ev = ev || window.event;
var mousePos= mouseCoords(ev);
mouseX=mousePos.x;
mouseY=mousePos.y;
document.getElementById("coordinput").value=mouseX;
return mousePos;}

function mouseCoords(ev){

if(ev.pageX || ev.pageY){

return {x:ev.pageX,y:ev.pageY};


}

 return{
 x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
 y:ev.clientY + document.body.scrollTop  - document.body.clientTop 
 };

}

如果我删除第二个 document.onmousemove，第一个可以正常工作并更改输入字段的值

如果我把它留在那里，它会像它应该的那样不断地写检查（这是为了调试目的），但是第一个不起作用

关于如何使多个鼠标事件起作用有什么想法吗？

Answer 1

使用 document.addEventListener('mousemove', yourCb); 它允许多个处理程序

多个 document.onmousemove 事件无效

Multiple document.onmousemove events not working

javascript

events

mousemove