mouseover和mouseenter闪烁的问题


 

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

该div下没有任何子元素

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

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

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

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

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

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

 


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM