详解css3 pointer-events(阻止hover、active、onclick等触发事件)

pointer-events 更像是JavaScript，它能够： 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover 和 active 状态的变化触发事件 阻止JavaScript点击动作触发的事件 实际代码使用中案例： 1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交。 2、一些层的绝对定位，覆盖按钮，穿透可以点击它。等等。 来看下具体用法： pointer-events:  auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all...