pointer-evens:none事件穿透

泠之屋

关注

阅读 37

2022-04-08

.icon{

pointer-evens:none

}

当你父元素的点击事件点在了某个子元素,譬如一个img?如果你在点击事件里接受的是元素的宽高——clientWidth,那么当点到img时,你获取到的将不是父元素的宽高,而是子元素的宽高。我曾遇到了这样的问题,那么此时事件穿透这个api可以很好的解决这个问题。

它可以禁用点击事件,点击事件将不会对他生效,当属性值调成auto即可恢复正常。

精彩评论(0)

0 0 举报