点击穿透事件-----CSS新属性

面试被问,一脸懵,被提示,还蒙,好丢脸的感觉。。。。赶紧百度了解

.noclick{
   pointer-events: none;  /* 上层加上这句样式可以实现点击穿透 */
}

就是说重叠在一起的两个元素,给上边元素加这个属性之后,再点击上边元素就可以触发下边元素的事件,即点击穿透事件。
目前不了解用到的场景,以后遇到再来补充。。

和朋友讨论后,朋友说可以用冒泡事件
冒泡的确可以,不过布局不太一样
冒泡的话需要给两个重叠的元素设置父元素,直接给父元素添加点击事件就可以
也是一种思路。

当时听到‘点击穿透’一下蒙了,根本没听过,哎,吃了心理素质不好的亏。。。
以后这种情况还是要和面试官确认场景,冷静下来,用自己熟悉的操作实现它

加油,奥利给

原文地址:https://www.cnblogs.com/facy/p/13158231.html