CSS3中事件穿透(拒绝拦截事件的)pointer-events

原创
2014/11/24 20:47
阅读数 1.7K
AI总结

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


pointer-events的属性值:

  • auto——效果和没有定义pointer-events属性相同,鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。

  • none——元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值,比如auto,鼠标还是会监听这个子元素的。

  • 其它属性值为SVG专用,这里不再多介绍了。


展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
0
分享
AI总结
返回顶部
顶部