logo标签列表

jQuery，快速移动鼠标时，鼠标离开事件未在容器上触发

jqueryhtmlcss
13

我遇到了一个小问题。 好吧, jsfiddle 上的代码已经说明了问题，要触发这个错误，请快速将鼠标在红色框上移动（向左或向右）。

简单地说： 我有一个项目列表，当我将鼠标悬停在它们上面时，在它们的位置上显示一个覆盖层div。我在列表项上绑定了mouseenter事件，在覆盖层div上绑定了mouseleave事件，但是如果你移动鼠标太快，mouseleave就没有被触发。

有什么想法吗？谢谢！

http://jsfiddle.net/QH3LV/22/

我无法重现这个错误，但你可以尝试设置一个超时来隐藏覆盖层div，并在列表项的mouseover和覆盖层的mouseleave上清除超时。请参见https://dev59.com/2XM_5IYBdhLWcg3wrFMt#1670561。 - GregL
1个回答
6

这 就是您要找的内容。

在 li 标签内放置隐藏的 div 不应该有任何问题。

当你在document.body内部时，错误仍然存在，还有其他建议吗？ - Christian Werther
编辑：尝试新的演示。这样可以吗？ - AlexBay
1
@AlexBay，您能否友好地解释一下为什么会发生这种情况？我在这里遇到了类似的问题：https://dev59.com/jm_Xa4cB1Zd3GeqPyjiL - 这是jsfiddle链接：http://jsfiddle.net/abitdodgy/7rFb6/1/ - dee
@dee，我回答了你的问题，请查看。 - AlexBay
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接