span标签绑定mouseover/mouseout事件,显示/隐藏一个信息框div

该div下没有任何子元素

悬停上去一直闪烁,改成mouseenter也没用。

照成的原因是:悬停上去信息框div盖住了span标签,mouseover事件失效,mouseout事件生效,信息框消失。

                        信息框消失后鼠标又正好悬停在span标签上,mouseover事件生效,mouseout事件失效,信息框显示。。。

                        一直无限循环就会看到一直闪烁的现象。

解决办法 :在你需要显示的信息框上加上pointer-events: none

但是很讨厌的就是  pointer-events: none好像只能支持 ie11+

mouseover和mouseenter闪烁的问题

 


原文:https://blog.csdn.net/GentleMannn/article/details/80475322

相关文章:

  • 2021-11-15
  • 2022-03-08
  • 2021-11-29
  • 2022-12-23
  • 2021-07-01
  • 2021-06-15
猜你喜欢
  • 2021-08-22
  • 2021-09-20
  • 2022-12-23
  • 2022-12-23
  • 2021-12-26
  • 2022-12-23
  • 2021-08-28
相关资源
相似解决方案