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

非常简单:(纯CSS方法)

 

外层(被遮挡的层){
    pointer-events: none;
}

 

内层(要发生事件的层){
    pointer-events: auto;
}

 

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


取值none:元素永远不会成为鼠标事件的target


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


这里不要忘了给内层添加auto属性,否则被外层包裹的所有内层无法成为鼠标事件的target了

 

信息来源:https://blog.csdn.net/Simon9124/article/details/84958395

 

上一篇:Angular 问题解决 —— 给父元素添加点击事件,发生了事件穿透;防止子元素成为 target;popover 无法计算出实际点击位置; point-events: none 妙用


下一篇:数据结构 08-图8 How Long Does It Take (25 分)