css什么代码可以阻止点击事件

CSS中有一个属性可以阻止元素的点击事件，那就是

pointer-events

属性。

指定一个元素的 pointer-events 属性为 none，表示该元素将不再响应鼠标事件，比如点击、鼠标悬停等事件。

下面是一些样例代码：

.disable-click {
  pointer-events: none;
}

.disable-hover {
  pointer-events: none;
  user-select: none; /* 可选，防止在移动端触发 hover 效果 */
}

上述代码赋予了一个类名

disable-click

和

disable-hover

使元素不响应鼠标事件。

需要注意的是，指定 pointer-events 属性为 none 的元素依然会影响事件的冒泡，也就是说，当子元素的 pointer-events 属性为 none 时，点击事件会被其父元素接收。

pointer-events 属性是一个很有用的 CSS 属性，能够在一些场景下起到相当重要的作用。