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

标签 javascript google-chrome

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

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

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

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

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

最佳答案

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

关于javascript - 缓慢移动鼠标时不会触发 mouseleave,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20363111/

相关文章:

javascript - 在 div 上添加自定义动画类不起作用?

javascript - 多次使用同一链接的最佳实践是什么?

google-chrome - Selenium Google 登录 block

Chromium 中的 CSS 渐变非常粗糙

CSS 转换过渡无法正常工作(Chrome)

javascript - 保存 jasmine Expect() 结果

javascript - 为什么我不能用 React 更新我的表单字段

javascript - 离开页面前的对话操作

html - 如何 POST 到 HTTPs?

google-chrome - 即使将证书添加到受信任的根权限存储区后,Chrome 仍显示红色 https Logo (内部使用自签名 SSL 证书)