jQuery:mousenter/mousemove/mouseover无法识别小div和快速鼠标移动

Question

我有一个宽度：5px和高度：400px

您可以在此处看到一个工作示例：http://jsfiddle.net/2YZvk/

这是我的功能：

jQuery(document).ready(function(){
    jQuery('.hover_test').bind('mouseenter',function(){
        jQuery(this).css('background-color','#30a900');
    });
});

即使我移动鼠标太快，也有可能以某种方式触发此事件吗？使div变宽不是一个选项。。。

Answer 1

这只是"浏览器的工作方式"；它不会为您触摸的每个像素触发en事件，而是为每x毫秒触发一次。它会检查指针上一个位置的位置是否不同，并在之后触发事件。这是通过操作系统处理的。

将鼠标快速移动到这个已更改版本的JSFiddle上。并非所有条形图都将直接着色：仅在浏览器中定义的x毫秒之后。

Answer 2

当您将鼠标移动到fast时，速度为（例如）5，5+5+5=20，因此您可以触摸的步骤为5、10、15、20，但如果div为7、14、18，则不会发生这种情况，这只是的工作方式