简体中文
简体中文
# pointer-events
pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target (en-US)。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit;
# pointer-events 的属性值
auto
与pointer-events属性未指定时的表现效果相同，对于 SVG 内容，该值与visiblePainted效果相同
none
元素永远不会成为鼠标事件的target (en-US)。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。
# 默认值
auto
# 兼容性
# pointer-events 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| auto | 3.9 | 4.11 | 4.0 |
| none | 3.9 | 4.11 | 4.0 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE | |
|---|---|---|---|---|---|---|
| pointer-events | √（ 1 ） | √（ 12 ） | √（ 1.5 ） | √（ 9 ） | √（ 4 ） | √（ 11 ） |
# App平台
如果当前元素设置 pointer-events 为 none ，当前元素不会响应事件和默认行为；如果同时子元素设置 pointer-events 为 auto，子元素和当前元素不会响应事件和默认行为。
# Web规范
如果当前元素设置 pointer-events 为 none ，当前元素不会响应事件和默认行为；如果同时子元素设置 pointer-events 为 auto，子元素和当前元素会响应事件和默认行为。
