【问题标题】:jQuery, Mouseleave not fired on container when moving cursor fast快速移动光标时,jQuery,Mouseleave 不会在容器上触发
【发布时间】:2023-04-09 11:05:02
【问题描述】:

我有一点错误。 好吧,jsfiddle 上的代码不言自明,要引起错误,请将鼠标快速移动到红色框上(向一侧或另一侧)。

快速解释: 我有一个项目列表,当我将它们悬停时,我会在它们的位置上显示一个覆盖 div,我在列表项上绑定一个 mouseenter,并在覆盖 div 上绑定一个 mouseleave,但是如果你将光标快速移动,mouseleave 永远不会触发。

有什么想法吗?谢谢!

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

【问题讨论】:

  • 我无法重现此错误,但您可以尝试设置超时以隐藏覆盖 div,并清除列表项上的鼠标悬停和覆盖上的鼠标离开的超时。见stackoverflow.com/questions/1273566/…

标签: jquery html css


【解决方案1】:

This 就是你要找的东西。

把隐藏的div放到li标签里面应该没问题

【讨论】:

  • 你在document.body里面的时候还是会出现这个bug,还有什么建议吗?
  • 已编辑:尝试新的演示。这样可以吗?
  • 工作!太好了.. 非常感谢
  • @AlexBay 你能解释一下为什么会这样吗?我在这里遇到了类似的问题:stackoverflow.com/questions/15216637/… - 小提琴在这里:jsfiddle.net/abitdodgy/7rFb6/1
  • @dee 我添加了对您问题的回复,请查看。
猜你喜欢
  • 2011-09-02
  • 1970-01-01
  • 2023-03-21
  • 1970-01-01
  • 2010-12-29
  • 2015-10-24
  • 1970-01-01
  • 2012-09-19
  • 2013-02-19
相关资源
最近更新 更多