CSS3中事件穿透（拒绝拦截事件的）pointer-events

最新推荐文章于 2024-06-01 10:58:22 发布

weixin_34367257

最新推荐文章于 2024-06-01 10:58:22 发布

阅读量3.7k

点赞数

文章标签： python

原文链接：https://my.oschina.net/ososchina/blog/348291

版权

在CSS3中，当我们需要将fixed在窗口的div的一些不需要处理事件的的透明区域不做事件处理，而是让给此div 层下面的其他控件处理事件，但由于event.srcElement是当前div,造成事件无法穿透，因此，我们需要进行设置pointer-events

pointer-events的属性值:

auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。
none——元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。
其它属性值为SVG专用，这里不再多介绍了。

转载于:https://my.oschina.net/ososchina/blog/348291