mouseover闪烁问题

问题
span标签绑定mouseover/mouseout事件,显示/隐藏一个信息框div。
悬停上去一直闪烁,改成mouseenter也没用。

原因
悬停上去信息框div盖住了span标签,mouseover事件失效,mouseout事件生效,信息框消失。
信息框消失后鼠标又正好悬停在span标签上,mouseover事件生效,mouseout事件失效,信息框显示。。。

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

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

版权声明:本文为CSDN博主「我又不喜欢下雨」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/GentleMannn/article/details/80475322

猜你喜欢

转载自blog.csdn.net/xiamoziqian/article/details/107230361