css中怎么禁止一切事件

在 CSS 中，我们可以使用 pointer-events 属性来禁止任何与元素相关的事件。该属性有以下几个取值：

 pointer-events: auto; /* 默认值，元素可以接收鼠标事件 */
  pointer-events: none; /* 元素不接收鼠标事件 */
  pointer-events: visiblePainted; /* 元素不接收鼠标事件，但可以和鼠标进行交互 */
  pointer-events: visibleFill; /* 元素填充区域内不接收鼠标事件 */
  pointer-events: visibleStroke; /* 元素描边区域内不接收鼠标事件 */
  pointer-events: visible; /* 元素不接收鼠标事件，在描边和填充区域内可以和鼠标进行交互 */
  pointer-events: none !important; /* 使用 !important 来强制设置 pointer-events 为 none */ 

当我们希望某个元素不接收鼠标、键盘等操作时，可以通过设置 pointer-events 为 none 来实现。比如：

 .disabled {
    pointer-events: none;
    opacity: 0.6; /* 可选，加上透明度表示元素被禁用 */
  } 

这样，当我们给某个元素添加了 .disabled 类名后，该元素就无法响应任何鼠标或键盘事件了。