A+
实现div元素点击穿透和阻止穿透
标签: 点击穿透 最后编辑:2020年9月16日
前言:大家可以看到网页上有很多小蓝点,这是因为我的网页因为添加了canvas和它自带的点击事件,所以有时候在点击的时候搜索或者评论框留言的时候会被canvas的元素挡住,所以我只能把canvas的点击事件禁止了。效果就是网页上展示的样子,下面提供了元素穿透点击的或者阻止穿透的方法,大家可以根据自己的需求选择。
一、阻止点击穿透,上层点击时加上下面这句,阻止事件冒泡到父元素
event.stopPropagation();
二、点击穿透到下面一层,不点击上层,为上层添加下面样式代码即可
-webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none;
说:来学习一下,应该用得上