使用方法
- 定义CSS方法:
.disabled { pointer-events: none; }
- js使用:
$("#selectorId").addClass("disabled");
pointer - events 解析
概念性的解析:
CSS属性 pointer-events 允许作者控制特定的图形元素在何时成为鼠标事件的 target。当未指定该属性时,SVG 内容表现如同 visiblePainted。除了指定元素不成为鼠标事件的目标,none 值还指示鼠标事件穿过该元素,并指向位于元素下面的元素。
实际场景:
如下面的图片,文字上面包了一层黄色图层的div,如果我们想选中里面的文字,选不中,因为被黄色的图层拦截了事件了,如果黄色图层加一个事件pointer-events: none;
,里面的文字就能选择了。