pointer-events 属性
auto——效果和没有定义 pointer-events 属性相同,鼠标不会穿透当前层。在 SVG 中,该值和 visiblePainted 的效果相同。
none——元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了 pointer-events 为其它值,比如 auto,鼠标还是会监听这个子元素的。
其它属性值为 SVG 专用,这里不再多介绍了。
pointer-events:none
应用场景:
穿透遮罩层,拷贝文字
鼠标禁用
参考链接:CSS3 pointer-events:none 应用举例及扩展