当鼠标不在动态元素上移动时,鼠标悬停不起作用

时间:2014-06-23 12:18:32

标签: javascript jquery javascript-events mouse mouseenter

我试图在鼠标触摸网站上的动态元素时触发事件,无论鼠标是否在移动。

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

这里有一个小提琴,只需让鼠标静止即可轻松复制动态方形元素的未来位置:

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

我试图使用以下代码解雇偶数:

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

我知道跟踪鼠标和元素位置是一种方法,但这听起来更像是一种黑客或替代方法,并且复杂的方式来解决这个问题。 当许多物体到位时(10 - 40),该解决方案听起来像机器的很多工作。

问题发生在:

  • Safari浏览器
  • IE

在Firefox中,它似乎正常运行。

1 个答案:

答案 0 :(得分:0)

$(document).on('mouseout', '#demo', function(){ alert("Leaving demo"); });

通过此操作,您可以在让鼠标静止的同时获得警报。