preventDefault可以阻止浏览器的默认事件，所以但鼠标将要触发这些行为的时候，可以调用这个方法阻止。如：hover可以在mouseenter的时候阻止。
Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持（IE11又支持，不过很好的一点是在ie中给a加disabled 点击事件自动无效。），Opera在SVG中支持。 但是 该属性HTML中 不支持
1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交
2、让链接不能点击
3、让鼠标点击穿透上方的 div
看了你结构，sysBtn类所在的div内，你又嵌套了2个div，如果你想让sysBtn所在的div实现active效果，做法如下：
<div class="sysBtn"><i class="home24Icon"></i>
<span>全屏显示</span>
</div>
将div改成内联元素，即可实现你的背景变换效果，因为div为块级，会将父层元素遮挡了。
有问题可以继续问我，望采纳！
