javascript - 缓慢移动鼠标时不会触发 mouseleave

Question

如果您将 mouseleave 监听器放在页面最顶部的 div 上，如果您将鼠标缓慢移出页面顶部，它不会在 Chrome 上触发(但如果您快速移动，它会起作用) .如果您在文档或正文中监听事件，也是一样的。在 Firefox 中运行良好。

您可以在 this codepen 中看到问题.取消注释 CSS 填充以查看我当前的解决方法。

有没有想过为什么会这样？可能是 Webkit 错误？还有其他解决方法吗？

更新:这与 jQuery 无关 - 我在 Chrome 中使用 native mouseleave JavaScript 事件重现了这个问题。

更新:提交 Chromium 问题:mouseleave not fired when move mouse slowly

Answer 1

完全模式下的 codepen 页面对我来说工作正常，计数器也随着缓慢的移动而增加。我在装有 Chrome 31.0 的 Windows 7 上对其进行了测试。