鼠标事件控制

pointer-events 鼠标事件控制开关

禁用鼠标事件,设置pointer-events属性为none: pointer-events:none 元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。 开启鼠标事件,设置pointer-events为auto: pointer-events:auto 效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。

阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover 和 active 状态的变化触发事件 阻止JavaScript点击动作触发的事件 提交页面，提交按钮点击后，添加这个样式属性（style=“pointer-events”），来防止重复提交。