美文网首页CSS
onmouseover事件闪烁问题

onmouseover事件闪烁问题

作者: 西瓜鱼仔 | 来源:发表于2019-11-20 09:49 被阅读0次

问题描述

onmouseover时需要显示一个层,onmouseout时隐藏这个层。当鼠标移入的时候显示层不断闪烁。

问题原因

显示层遮住了添加事件的元素,所以反复执行onmouseover onmouseout。

解决办法

给显示层添加样式:

  pointer-events: none;

mdn上关于这个属性的解释是:

pointer-events CSS属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target

意思就是添加了这个属性的元素在什么情况下可以成为鼠标事件的target

除了指示该元素不是鼠标事件的目标之外,值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。

当元素的pointer-events属性取值为none的时候,表示该元素不是鼠标事件的目标元素,并且鼠标事件穿透该元素指定它下面的元素。


原文地址:https://blog.csdn.net/sansan_7957/article/details/81873928

相关文章

网友评论

    本文标题:onmouseover事件闪烁问题

    本文链接:https://www.haomeiwen.com/subject/okwnictx.html