javascript - Safari/Chrome 中的 MouseOver MouseOut 问题

Question

这很奇怪，我很震惊我以前从未注意到它。它是这样工作的，如果您的鼠标静止不动，并且一个 div 以编程方式在您的鼠标下方移动，则不会在 Chrome/Safari 中触发 mouseover 事件 - mouseout 也是如此。当然，如果您在 div 移动到鼠标下方后稍微移动鼠标，它将按预期工作。

我创建了一个 demo on jsFiddle .只需让 div 在鼠标下摆动即可，在 Firefox 中运行良好，但在 Chrome 或 Safari 中运行不佳 - 尚未在 IE 中进行测试。

我倾向于这个解决方案...基本上使用这个滚动我自己的 mouseenter 和 mouseleave 事件:

if (mouseX > divLeft && mouseX < divRight &&
    mouseY > divTop && mouseY < divBottom){
    // mouse is inside div
}

我说 mouseenter 然后离开，因为这个方法不会冒泡

我想知道是否还有其他人对此有想法...我觉得有一种简单的解决方法，但到目前为止谷歌还没有找到任何东西。

Answer 1

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

您可能会发现这个错误很有趣。