auto
与pointer-events
属性未指定时的表现效果相同,对于SVG内容,该值与visiblePainted
效果相同
none
元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。
使所有img对任何鼠标事件(如拖动、悬停、单击等)都无反应
img {
pointer-events: none;
}
实际代码使用中案例:
1、提交页面,提交按钮点击后,添加这个样式属性(
style=" pointer-events"),来防止重复提交。
2、一些层的绝对定位,覆盖按钮,设置pointer-events: none,操作可以透过它。比如设置遮层 下面的按钮可点击的到。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。