pointer-events 怎么用

pointer-events 是一个 CSS 属性，用于控制元素是否可以被点击或鼠标指针所触发的事件。

pointer-events 属性可以设置以下值：

- auto：元素默认行为，可以被点击或触发事件。
- none：元素不会响应鼠标事件，但子元素可以响应。
- visiblePainted：元素不会响应鼠标事件，但会显示鼠标指针。
- visibleFill：元素不会响应鼠标事件，但会显示鼠标指针，且只在填充区域内有效。
- visibleStroke：元素不会响应鼠标事件，但会显示鼠标指针，且只在轮廓线上有效。
- painted：元素不会响应鼠标事件，且不会显示鼠标指针。
- fill：元素不会响应鼠标事件，且不会显示鼠标指针，且只在填充区域内有效。
- stroke：元素不会响应鼠标事件，且不会显示鼠标指针，且只在轮廓线上有效。

例如，可以使用以下 CSS 代码来禁用一个按钮的点击事件：

button.disabled {
  pointer-events: none;
}

这样，当用户点击该按钮时，它将不会响应任何事件。