javascript - 当鼠标未移动到动态元素上时，鼠标悬停不起作用

Question

当鼠标触摸网站上的动态元素时，无论鼠标是否移动，我都尝试触发一个事件。

我面临的问题是我无法触发事件除非鼠标移动在动态元素上。

这是一个 fiddle ，您只需将鼠标保持静止在动态方形元素的 future 位置即可轻松重现它:

http://jsfiddle.net/rHZbt/1/

我正在尝试使用以下代码触发事件:

$(document).on('mouseenter', '#demo', function(){
    alert("Entering in demo");
});

我知道有一种方法可以跟踪鼠标和元素位置，但这听起来更像是一种黑客或替代且复杂的方法，而不是问题的良好解决方案。当许多物体到位时(10 - 40)，该解决方案听起来对机器来说需要做很多工作。

问题发生在:

• Chrome
• Safari
• IE
• 歌剧

在 Firefox 中它似乎工作正常。

Answer 1

$(文档).on('mouseout', '#demo', function(){
Alert("离开演示");
});

这样您就可以在鼠标静止时获得警报。