1、pointer-events 更像是JavaScript，它能够阻止用户的点击动作产生任何效果，阻止缺省鼠标指针的显示，阻止CSS里的 hover 和 active 状态的变化触发事件，阻止JavaScript点击动作触发的事件，通过其他方式绑定的事件还是会触发的，比如键盘事件等。

 2、pointer-events 是CSS3的一个属性，支持的值非常多，其中大部分都是和SVG有关。对于前端日常开发而言，只要了解none、auto就可以用于大部分的需求场景。

3.pointer-events属性值详解

pointer-events:auto;

效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。

pointer-events:none;

元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。

4.浏览器兼容

Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持（IE11又支持，不过很好的一点是在ie中给a加disabled 点击事件自动无效。），Opera不支持。 

咔咔组供稿