pointer-events

pointer-events是一个CSS属性，它定义了在何种情况下元素可以成为鼠标事件（或触摸事件）的目标。这个属性可以控制元素是否可以被点击、是否可以触发鼠标事件，或者是否应该忽略鼠标事件，让事件传递给下面的元素。

使用场景

pointer-events属性主要用于以下几种场景：

• None: 元素不会成为鼠标事件的目标。例如，如果想让一个元素透明对用户的点击，可以将其pointer-events设置为none。
• Auto: 默认值。元素正常响应鼠标事件。
• VisiblePainted: 元素仅在可见部分响应鼠标事件。
• 其他值: 还有一些其他值用于SVG元素，如visibleFill, visibleStroke, painted, 等。