19项目实战 - 设置控件不能点击（pointer-events）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_20042935/article/details/89509992

使用方法

1. 定义CSS方法：.disabled { pointer-events: none; }
2. js使用： $("#selectorId").addClass("disabled");

pointer - events 解析

概念性的解析：
CSS属性 pointer-events 允许作者控制特定的图形元素在何时成为鼠标事件的 target。当未指定该属性时，SVG 内容表现如同 visiblePainted。除了指定元素不成为鼠标事件的目标，none 值还指示鼠标事件穿过该元素，并指向位于元素下面的元素。

实际场景：
如下面的图片，文字上面包了一层黄色图层的div，如果我们想选中里面的文字，选不中，因为被黄色的图层拦截了事件了，如果黄色图层加一个事件pointer-events: none;,里面的文字就能选择了。