微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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很有趣.

原文地址:https://www.jb51.cc/js/153167.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐