美文网首页
使用定位position导致无法触发底层click等事件的解决方

使用定位position导致无法触发底层click等事件的解决方

作者: 禾苗种树 | 来源:发表于2022-05-04 10:25 被阅读0次
    • 给使用绝对定位的元素css添加属性:pointer-events:auto或者pointer-events:none
    • pointer-events:auto
      底层有点击事件,但使用定位元素的子元素也有点击事件,这个时候需要给该元素设置为pointer-events:none,该元素的子元素(有点击操作的)属性设置pointer-events:auto
      鼠标不会穿透当前层
    • pointer-events:none
      底层有点击事件,使用定位的元素的子元素没有点击事件,属性值设为none即可
      该元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面层中的元素。但是如果它的子元素设置了" pointer-events" 的其他属性值,比如 auto,鼠标事件仍会监听这个子元素

    相关文章

      网友评论

          本文标题:使用定位position导致无法触发底层click等事件的解决方

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