# pointer-events

pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target (en-US)。

# # Syntax

pointer-events: auto | none;

# # Values

auto 与pointer-events属性未指定时的表现效果相同,对于 SVG 内容,该值与visiblePainted效果相同

none 元素永远不会成为鼠标事件的target (en-US)。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。

# # default

Platform default
app-uvue auto
web auto

# # Compatibility

# # uni-app compatibility

Android version Android uni-app Android uni-app-x iOS version iOS uni-app iOS uni-app-x
pointer-events 5.0 x 3.9+ 9.0 x -

# App平台

如果当前元素设置 pointer-events 为 none ,当前元素不会响应事件和默认行为;如果同时子元素设置 pointer-events 为 auto,子元素和当前元素不会响应事件和默认行为。

# Web规范

如果当前元素设置 pointer-events 为 none ,当前元素不会响应事件和默认行为;如果同时子元素设置 pointer-events 为 auto,子元素和当前元素会响应事件和默认行为。

# # See also