1、pointer-event:auto;(默认值),对于svg元素,该值与visiblePainted效果相同
2、pointer-event:none;元素不会成为鼠标事件的target
3、pointer-event:visiblePainted;只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:
① visibility属性值:visible,且鼠标指针在元素内部,且fill属性值非none
② visibility属性值:visible,鼠标指针在元素边界上,且stroke属性值非none
4、pointer-event:visibleFill;只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:
① visibility属性值:visible,且鼠标指针在元素内部
5、pointer-event:visibleStroke;只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:
① visibility属性值:visible,且鼠标指针在元素边界
6、pointer-event:visible;只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:
① visibility属性值:visible,且鼠标指针在元素内部或边界
7、pointer-event:fill;只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:
① 只有鼠标指针在元素内部时
8、pointer-event:stroke;只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:
① 只有鼠标指针在元素边界上时
9、pointer-event:stroke;只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:
① 只有鼠标指针在元素内部或边界时