今天给大家带来一个css3的属性，而且这个属性很少见，就是pointer-events,通过字面意思就知道是指针事件，通俗理解为鼠标事件就行了。
它的值有多个，但相关的就两个：auto和none，auto也是默认的值表示默认情况；none就表示禁止了。
以前我们写禁止鼠标事件效果都是通过js来实现，现在css3有了这个属性，就方便些许。
我们直接来看效果：
css代码：
HTML代码：
通过效果图可以明显看到，给超链接添加了pointer-events后，没有普通超链接可以点击的功能，而且小手效果也没有。
可能有同学会想功能是不是像cursor属性一样，其实并不是，cursor属性只是设置不同的光标样式而已。
而pointer-events是一个真正的禁用，下面的效果可以验证这一点。分别给两个button标签加上点击事件或者其他鼠标事件都可以，给其中一个加上pointer-events:none;
效果如下：
css代码：
HTML代码：
js代码：
可以看到第二个按钮没有触发事件，并且给button添加的cursor:pointer;样式也没有了。
这个属性可以根据实际情况来使用，例如常见的提交按钮，如果用户没有输入内容，禁止点击这样的效果，不过，它在低版本的IE是不支持的，只支持IE11.0以上版本。
demo文件下载请登录 http://bbs.520it.com/forum.php?mod=viewthread&tid=3796
更多交流更多伙伴，尽在bbs.520it.com。