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