javascript - 防止 $( document ).mousemove 上的事件捕获

Question

我有一个函数，每次浏览器检测到 $( document ).mousemove 事件时都会调用该函数。

当页面上几乎没有任何内容时，性能非常好，但是一旦我添加某种 div 并将鼠标悬停在它上面，我的函数就会被调用两次:一次在文档上，然后再次从元素中调用。

解决这个问题的最佳方法是什么，以便该函数只触发一次？我考虑过在全屏透明 div 上检测 mousemove，并将 pointer-events 设置为 none，但我怀疑这会阻止 mousemove 甚至首先触发。

我尝试了e.stopPropagation()，但这没有帮助。

Answer 1

接近但不完全。

你想要e.stopimmediatepropagation除了防止调用其他元素之外，它还调用 e.stopPropagation()。