1

auto

pointer-events属性未指定时的表现效果相同,对于SVG内容,该值与visiblePainted效果相同

none
元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。

使所有img对任何鼠标事件(如拖动、悬停、单击等)都无反应

img {
  pointer-events: none;
}

实际代码使用中案例:

1、提交页面,提交按钮点击后,添加这个样式属性(
style=" pointer-events"),来防止重复提交。

2、一些层的绝对定位,覆盖按钮,设置pointer-events: none,操作可以透过它。比如设置遮层 下面的按钮可点击的到。


HappyCodingTop
526 声望847 粉丝

Talk is cheap, show the code!!