小编rex*_*ar2的帖子

多个 document.onmousemove 事件不起作用

我想要一些关于 javascript 项目的帮助。我想做的是有两个函数在鼠标移动时启动,但每次只有其中一个起作用

例如,如果我这样做

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

}
Run Code Online (Sandbox Code Playgroud)

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

如果我把它留在那里,它会像它应该的那样不断地写入检查(用于调试目的),但第一个不起作用

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

javascript events mousemove

2
推荐指数
1
解决办法
2025
查看次数

标签 统计

events ×1

javascript ×1

mousemove ×1