认识 CSS pointer-events 属性

前端 0

pointer-events 的基本信息

pointer-events 属性用来控制一个元素能否响应鼠标操作,常用的关键字有 autonone

pointer-events: none; // 让一个元素忽略鼠标操作pointer-events: auto; // 还原浏览器设定的默认行为 

规范定义

条目 状态
初始值 auto
可用值 适用所有元素:auto/none,只适用于 SVG:bounding-box/visiblePainted/visibleFill/visibleStroke/visible/painted/fill/stroke/all
可继承 是的
动画类型 离散动画(关键帧之间不会有插帧,不会有过渡动画)

兼容性

pointer-events: none 的效果:忽略鼠标操作

对一个元素设置 pointer-ev

也许您对下面的内容还感兴趣: