javascript – Safari / Chrome中的MouseOver MouseOut问题

这是一个奇怪的,我很震惊,我从来没有注意过它.它的工作原理是这样的,如果你的鼠标仍然和一个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并且离开,因为这种方法将没有冒泡

我想知道有没有人有这样的想法？我有一种感觉,有一个简单的方法,但到目前为止,谷歌没有改变任何事情.

你可能会发现这个bug很有趣.

相关文章