这是一个奇怪的,我很震惊,我从来没有注意过它.它的工作原理是这样的,如果你的鼠标仍然和一个div编程移动在你的鼠标下面,鼠标悬停事件不会触发在chrome / safari – 同样的mouSEOut.当然,如果你的鼠标移动到你的鼠标下方稍微移动一下鼠标,它将按预期的方式工作.
我创建了一个demo on jsFiddle.只要让你的鼠标摆动,在Firefox中工作正常,而不是在chrome或safari – 还没有测试ie.
我倾向于这个解决方案…基本上滚动我自己的mouseenter和mouseleave事件使用这个：
if (mouseX > divLeft && mouseX < divRight &&
mouseY > divTop && mouseY < divBottom){
// mouse is inside div
}
我说mouseenter并且离开,因为这种方法将没有冒泡
我想知道有没有人有这样的想法？我有一种感觉,有一个简单的方法,但到目前为止,谷歌没有改变任何事情.
解决方法
https://bugs.webkit.org/show_bug.cgi?id=4117
你可能会发现这个bug很有趣.
