“pointer-events”属性

2008年11月25日

作者

Dean Jackson (dino@apple.com), Apple

1 引言

本文档描述了如何将 SVG pointer-events 属性 扩展以用于 (X)HTML 内容。

2 pointer-events 属性

在不同情况下，作者可能希望控制特定元素在何种情况下可以成为指针事件的目标。例如，作者可能希望给定元素在所有情况下都忽略指针事件，以便给定元素下方的元素成为指针事件的目标。

“pointer-events”属性指定了在何种情况下给定元素可以成为指针事件的目标元素。它影响以下处理情况：

• 用户界面事件，例如鼠标点击
• 动态伪类（即 :hover、:active 和 :focus）
• 超链接

pointer-events 属性最初是为 SVG 内容定义的，因此它接受特定于矢量图形的属性值（例如与图形填充和描边相关的值）。以下定义仅适用于该属性与 HTML 内容一起使用时。请注意，该属性有一个新的初始值“auto”，在 SVG 内容中其行为与“visiblePainted”相同，在非 SVG 内容中则与“visible”相同。

auto

在 SVG 内容中，其行为与 visiblePainted 相同。否则，其行为与 visible 相同。

visible

给定元素接收指针事件。

none

给定元素不接收指针事件。

visiblePainted

visibleFill

visibleStroke

painted

fill

stroke

all

在 SVG 内容中，其行为与 SVG 规范中定义的一致。否则，其行为与 visible 相同。