pointer-events 穿透

pointer-events属性可以控制元素对鼠标事件的响应。当设置为"none"时，元素将不会成为鼠标事件的目标，并且无法触发鼠标事件。浏览器会忽略该元素的存在，将操作交给点击区域下面对应的元素，从而产生"穿透"效果。\[3\]这意味着，即使在设置了"none"的元素上点击，实际上会触发该元素下方的其他元素的事件。\[2\]需要注意的是，pointer-events属性只影响鼠标事件，不影响事件的冒泡和捕获机制。因此，在子元素上设置pointer-events为"auto"仍然可以触发父元素上绑定的事件，并且继续向上冒泡。\[2\]
#### 引用[.reference_title]
- *1* [css：css属性pointer-events实现点击穿透](https://blog.csdn.net/mouday/article/details/128209912)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [认识 CSS pointer-events 属性](https://blog.csdn.net/web2022050901/article/details/129010271)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]