CSS 的 pointer-events 属性

pointer-events 属性 决定了某个图形元素（如 HTML 元素、SVG 图形等）是否能够成为鼠标事件（比如点击、悬停等）的目标（target），以及在什么情况下它会成为目标

鼠标事件（如点击、悬停等）是有目标的，目标就是接收到该事件的元素。例如，点击一个按钮时，按钮就是鼠标事件的目标。

简单来说，pointer-events 用来控制哪些元素可以响应鼠标事件，哪些元素会忽略这些事件。当你点击页面上的某个元素时，浏览器会根据 pointer-events 属性来判断是否将鼠标事件传递给该元素

pointer-events 属性的常用值

  • auto：默认值，元素可以成为鼠标事件的目标。
  • none：元素不能成为鼠标事件的目标，鼠标事件会穿透该元素，继续传递给元素后面的元素。
  • …