CSS 禁止元素响应鼠标事件

当我们需要某些 DOM 元素不响应鼠标事件时，例如点击(click) 悬停(hover)等, 可以使用 CSS 属性直接实现，方便快捷。

CSS 方法：

div {
	pointer-events: none;
}

如果项目使用 tailwindcss, 可以使用类名： pointer-events-none

<div class="pointer-events-none"></div>