一、 定义:css3属性
元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
说明:只能屏蔽鼠标事件,不能屏蔽键盘事件例如tab和enter,屏蔽事件也不是永久,后代指定属性时可能在冒泡时会有影响。
二、兼容
谷歌,火狐支持,ie11以上
三、 使用
<a href="" style="pointer-events:none">啦啦啦,你点不了我</a>
屏蔽了鼠标事件,但是tab仍然可以选中
更多使用详见 张鑫旭的应用扩展