当某些元素超过时，不会调用body onmousemove事件

Question

我这样做：

window.onmousemove = handleMouseMove;

我想跟踪整个窗口上的鼠标光标位置，但是当鼠标光标在输入textarea或iframe上时，我的handleMouseMove没有被调用，我无法获得实际的鼠标光标位置X和Y坐标。

如果光标在像textare input和iframe这样的元素之上，如何获得鼠标光标位置？

Answer 1

即使光标超过textarea或input，也应触发事件。请参阅此示例：http://jsfiddle.net/DerekL/482At/

但是，当光标进入iframe时，不应触发事件，因为从技术上讲，它不在当前window之内。要解决此问题，您可以在div的顶部添加iframe，但这也意味着用户无法与iframe内的内容进行互动。或者，您可以将其z-index设置为负数，或将其pointer-events设置为none。