躲避点击

有时候并不想让一个元素被点击，而是穿透到它的底层容器。

例如在事件代理中：

<div class="wrapper">
  <div class="btn">
    <svg></svg>
    <span class="btn-name">按钮</span>
  </div>
</div>

要在 wrapper 元素 onClick 中，判断点击事件源 target 是不是 btn 元素，但点击事件为冒泡触发，事件源变成了 btn-name 元素。解决办法就是，在 btn-name 样式中设置 pointer-events:none，点击会无忽略掉 btn-name 元素，即 btn-name 躲避了点击。