前言:大家可以看到网页上有很多小蓝点,这是因为我的网页因为添加了canvas和它自带的点击事件,所以有时候在点击的时候搜索或者评论框留言的时候会被canvas的元素挡住,所以我只能把canvas的点击事件禁止了。效果就是网页上展示的样子,下面提供了元素穿透点击的或者阻止穿透的方法,大家可以根据自己的需求选择。

一、阻止点击穿透,上层点击时加上下面这句,阻止事件冒泡到父元素

event.stopPropagation();

二、点击穿透到下面一层,不点击上层,为上层添加下面样式代码即可

-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
-o-pointer-events: none;
pointer-events: none;

发表评论

电子邮件地址不会被公开。 必填项已用*标注