阻止上层div触发点击事件,并触发下层div的点击事件

您所在的位置:网站首页 触发点击事件覆盖掉了css 阻止上层div触发点击事件,并触发下层div的点击事件

阻止上层div触发点击事件,并触发下层div的点击事件

2024-07-10 06:38| 来源: 网络整理| 查看: 265

function aa(num){ alert(num); }

在这里插入图片描述 红色div设置了z-index,在蓝色div的上面。

通常情况下,点击红色div是不会触发蓝色div的点击事件的,如果想屏蔽红色div的点击事件,需要像上面代码一样加上pointer-events: none;以阻止点击事件。

注:

pointer-events: none; 为css3语法,低版本ie不支持。pointer-events: none; 实际阻止的是鼠标事件,hover等其他事件也会被一同阻止。


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3