CSS——pointer-events鼠标事件

最新推荐文章于 2025-03-05 19:31:48 发布

哇哈2023

最新推荐文章于 2025-03-05 19:31:48 发布

阅读量468

点赞数

分类专栏： css 文章标签： css 前端

本文链接：https://blog.csdn.net/qq_52065282/article/details/131182367

版权

css 专栏收录该内容

3 篇文章

订阅专栏

pointer-events属性是一个CSS样式，用于定义HTML或SVG元素是否应响应鼠标事件。默认值为auto，表示元素会响应事件。none则使元素不响应事件并允许穿透。其他值如visiblePainted、fill和stroke等则详细规定了元素的哪部分（填充、描边或可见部分）能响应鼠标事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

pointer-events是CSS属性，用于控制元素是否响应鼠标事件。它有以下几个值：

auto（默认）	元素响应鼠标事件
none	不响应鼠标事件，鼠标事件穿透到下面的元素
visiblePainted	不响应鼠标事件，阻止鼠标事件穿透到下面的元素
visibleFill	不响应鼠标事件，阻止鼠标事件穿透到下面的元素，且元素的填充区域响应鼠标事件
visibleStroke	不响应鼠标事件，阻止鼠标事件穿透到下面的元素，且元素的描边区域响应鼠标事件
painted	不响应鼠标事件，阻止鼠标事件穿透到下面的元素，且元素的填充区域和描边区域都响应鼠标事件
fill	不响应鼠标事件，阻止鼠标事件穿透到下面的元素，且元素的填充区域响应鼠标事件
stroke	不响应鼠标事件，阻止鼠标事件穿透到下面的元素，且元素的描边区域响应鼠标事件