给伪元素添加点击事件

给伪元素添加点击事件

在做一个大屏项目中遇到一个问题：有个小标题，客户要求必须点击小图标才能触发点击事件，避免模块中标签过多，决定就用伪元素解决。

只需要在css样式中添加以下代码：

父元素添加：pointer-events: none;
伪元素添加：pointer-events: auto;

然后再给父元素上绑定点击事件，点击父元素不会触发点击事件，只有点在添加的伪元素上才会触发。