前端笔记之点击事件之千万不要点

如何让被遮挡层可以进行事件点击

  • 外层(被遮挡的层){ pointer-events: none; }
  •  内层(要发生事件的层){ pointer-events: auto; }

pointer-events属性本身有很多取值,但只有none和auto可以用在浏览器上,其他都只能应用在SVG上

  • 取值none:元素永远不会成为鼠标事件的target
  • 取值auto:与pointer-events属性未指定时的表现效果相同(即将元素恢复成为鼠标事件的target)

猜你喜欢

转载自blog.csdn.net/qq_45393395/article/details/120564685
今日推荐