产品：我想要遮罩层下也能进行事件点击

100 阅读 0 评论 66 点赞

我是靠谱客的博主成就寒风，最近开发中收集的这篇文章主要介绍产品：我想要遮罩层下也能进行事件点击，觉得挺不错的，现在分享给大家，希望可以做个参考。

非常简单：

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

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

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

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

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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。