pointer-events

pointer-events属性

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

pointer-events: none

应用场景：

穿透遮罩层，拷贝文字

鼠标禁用

• 阻止用户的点击动做产生任何效果
• 阻止缺省鼠标指针的显示
• 阻止CSS里的 hover 和 active 状态的变化触发事件
• 阻止JavaScript点击动做触发的事件

兼容性

参考连接：
CSS3 pointer-events:none应用举例及扩展