是啥
业务中遇到一个需求就是点击提交按钮的时候，为了防止用户一直点击按钮，发送请求，当请求未返回结果之前对按钮进行禁用。因为按钮是用 <a> 标签写的，所以单纯的 disabled 不可取。
就这样遇到了 pointer-events 这个 CSS3 属性。其作用是指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。
咋用
- auto —— 效果和没有定义
pointer-events属性相同，鼠标不会穿透当前层。在 SVG 中，该值和 visiblePainted 的效果相同。 - none —— 元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了
pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。 - 其它属性值为SVG专用，这里不多提。