当前位置: 代码迷 >> 综合 >> 关于mouseenter和mouseleave导致闪烁问题(mouseover)
  详细解决方案

关于mouseenter和mouseleave导致闪烁问题(mouseover)

热度:62   发布时间:2024-02-09 22:50:03.0

关于mouseenter和mouseleave导致闪烁问题(mouseover)

遇到点问题,就是标题所说的闪烁问题,然后就去百度
百度到的答案很多,有的说:
1.用hover试一下
2.冒泡
3.还有的是mouseover让用mouseenter的
4. 还有的说用pointer-events: none(这种的确有效,但是如果用这个你这个鼠标点击的操作失效)
这三个试了一下和我自己的不相关,然后还有一些大神弄了一堆说算图片的这个大小。
可能是这些人的项目比较复杂考虑的比较多。
其实我这个比较简单,eg:
在这里插入图片描述

比如:你child1放了背景图片,child2有个很小的图片
你想要用mouseenter 和leave事件来click下
那么你这个事件**(mouseenter 和leave)就要放在父级元素far上,这样就不会闪烁了。
其实说到这里最主要还是
兄弟元素会导致闪烁**,父级不会,具体原因不知道。如果有大神看到可以留言给解释下。谢谢