pointer-events

该pointer-events属性允许作者控制是否或何时元素可能是鼠标事件的目标。该属性用于指定鼠标事件在哪个情况下（如果有的话）应该“穿过”一个元素，并指定该元素“下面”的任何内容。

作为一个表现属性，它也可以直接在CSS样式表中作为属性使用; 看到css pointer-events 更多的信息。

用法说明

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

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

visiblePainted只适用于SVG。元素只有在以下情况才会成为鼠标事件的目标：visibility属性值为visible，且鼠标指针在元素内部，且fill属性指定了none之外的值。或者是visibility属性值为visible，鼠标指针在元素边界上，且stroke属性指定了none之外的值

visibleFill只适用于SVG。只有在元素visibility属性值为visible，且鼠标指针在元素内部时,元素才会成为鼠标事件的目标，fill属性的值不影响事件处理。

visibleStroke只适用于SVG。只有在元素visibility属性值为visible，且鼠标指针在元素边界时,元素才会成为鼠标事件的目标，stroke属性的值不影响事件处理。

visible只适用于SVG。只有在元素visibility属性值为visible，且鼠标指针在元素内部或边界时,元素才会成为鼠标事件的目标，fill和stroke属性的值不影响事件处理。

painted只适用于SVG。元素只有在以下情况才会成为鼠标事件的目标：鼠标指针在元素内部，且fill属性指定了none之外的值。或是鼠标指针在元素边界上，且stroke属性指定了none之外的值。visibility属性的值不影响事件处理。

fill只适用于SVG。只有鼠标指针在元素内部时,元素才会成为鼠标事件的目标，fill和visibility属性的值不影响事件处理。

stroke只适用于SVG。只有鼠标指针在元素边界上时,元素才会成为鼠标事件的目标，stroke和visibility属性的值不影响事件处理。

all只适用于SVG。只有鼠标指针在元素内部或边界时,元素才会成为鼠标事件的目标，fill、stroke和visibility属性的值不影响事件处理。

例子

元素

以下元素可以使用该pointer-events属性：

• Graphics elements »See also

• css pointer-events