Bootstrap

CSS 中的pointer-event 属性

  1. pointer-event:属性可以指定在什么情况下元素可以成为鼠标事件(也就是禁用掉当前以及子元素下面的所有事件)

    • auto:默认值--对于svg元素,该值与visiblePainted效果相同

    • none:元素不会成为鼠标事件的target

    • visiblePainted:只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:

      1. visibility属性值:visible,且鼠标指针在元素内部,且fill属性值非none

      2. visibility属性值:visible,鼠标指针在元素边界上,且stroke属性值非none

    • visibleFill:只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:

      • visibility属性值:visible,且鼠标指针在元素内部

    • visibleStroke:只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:

      • visibility属性值:visible,且鼠标指针在元素边界

    • visible:只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:

      • visibility属性值:visible,且鼠标指针在元素边界

    • fill:只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:

      • 只有鼠标指针在元素内部时

    • stroke:只适用于SVG元素,元素只有在以下情况才会成为鼠标事件的目标:

      • 只有鼠标指针在元素边界上时

;