CSS中禁用DOM事件

冰眸js2024-08-31 6:03

可以使用pointer-events属性。这个属性指定当鼠标指针设备（如鼠标）在元素上时，事件应该有什么表现。

pointer-events: none; 表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。

例如，如果你想禁用一个按钮的点击事件，你可以这样做：

css 复制代码

.disabled-button {
  pointer-events: none;
  opacity: 0.5; /* 通常还会降低其透明度来表明它是不可用的 */
}