pointer-events鼠标事件控制开关

禁用鼠标事件,设置pointer-events属性为none:

pointer-events:none

开启鼠标事件,设置pointer-events为auto:

pointer-events:auto

禁用鼠标事件,设置pointer-events属性为none: pointer-events:none 元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。

开启鼠标事件,设置pointer-events为auto: pointer-events:auto 效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。

作用：

阻止用户的点击动作产生任何效果

阻止缺省鼠标指针的显示 阻止CSS里的 hover 和 active 状态的变化触发事件

阻止JavaScript点击动作触发的事件

提交页面，提交按钮点击后，添加这个样式属性（style=“pointer-events”），来防止重复提交。

标签：none,鼠标,auto,事件,pointer,events
来源： https://www.cnblogs.com/guohaodongll/p/16264123.html