javascript – Safari / Chrome中的MouseOver MouseOut问题

前端之家收集整理的这篇文章主要介绍了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并且离开,因为这种方法将没有冒泡

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

解决方法

https://bugs.webkit.org/show_bug.cgi?id=4117

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

猜你在找的JavaScript相关文章