CSS3 pointer-events

版权声明：本文为博主原创文章，博主欢迎转载借鉴，请写上链接，嘻嘻～～～ https://blog.csdn.net/yuan_jlj/article/details/89355372

CSS新属性pointer-events：字面理解是点击鼠标事件，值分别是auto和none。·

pointer-events属性值详解

auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。

none——元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。

当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面。代码如下：

<style>
	.overlay {
		pointer-events: none;
	}
</style>
	
<div id="overlay" class="overlay"></div>

浏览器支持：
可以看canIUse上的数据，目前支持IE11、Firefox3.6+、Chrome、Safari4+、Opera15+、Android、ios.