point-events

记得有个同事问过我,怎么让一个图片浮在另一个图片上边,然后不影响下边图片的点击事件。 当时我的想法是事件冒泡之类的,但可惜两个图片只能是平级的,而且是以z-index的形式浮在上边的。 后来的做法是判断点击位置,解决了。 今天看到知乎上一个相关的问题,才发现当时太幼稚了。 其实只要对后者加上 point=events: none,就可以取消它的事件并穿透给后边的元素。

Written on January 12, 2017