为什么mousemove事件只触发一次并仅在光标离开窗口并返回时再次触发？

Question

我正在尝试使用jQuery mousemove事件，但mousemove事件只触发一次。在将光标移到页面窗口之外然后将光标移回窗口之前，事件不会再次触发。

我尝试使用普通的Javascript和jQuery，但同样的问题出现了。当我在测试网页上尝试此代码时，它按预期工作。我在使用Primefaces和带框架的框架集的遗留应用程序时遇到此问题。想知道是否有人知道什么会导致这种行为。

jQuery的：

var counter = 0;
$(document).ready(function () {
    $(this).mousemove(function (e) {
        counter = counter + 1;
    console.log(counter);
    });

使用Javascript：

var counter = 0;
document.addEventListener('mousemove', function() { 
        counter = counter + 1;
    console.log(counter);
}, false);

我希望计数器在我移动鼠标时继续计数，但它只计算一次然后再将鼠标移出窗口然后再返回窗口。

Answer 1

尝试将事件附加到像div（容器）这样的DOM元素

<script>
$( "div" ).mousemove(function( event ) {
  //handle event here
});
</script>