我是靠谱客的博主 成就寒风,这篇文章主要介绍产品:我想要遮罩层下也能进行事件点击,现在分享给大家,希望可以做个参考。

非常简单:

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

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

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

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

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

最后

以上就是成就寒风最近收集整理的关于产品:我想要遮罩层下也能进行事件点击的全部内容,更多相关产品内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部