CSS中禁用DOM事件
可以使用pointer-events属性。这个属性指定当鼠标指针设备（如鼠标）在元素上时，事件应该有什么表现。
pointer-events: none; 表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。
例如，如果你想禁用一个按钮的点击事件，你可以这样做：
.disabled-button {
pointer-events: none;
opacity: 0.5; /* 通常还会降低其透明度来表明它是不可用的 */
}
可以使用pointer-events属性。这个属性指定当鼠标指针设备（如鼠标）在元素上时，事件应该有什么表现。
pointer-events: none; 表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。
例如，如果你想禁用一个按钮的点击事件，你可以这样做：
.disabled-button {
pointer-events: none;
opacity: 0.5; /* 通常还会降低其透明度来表明它是不可用的 */
}