jquery - SVG 元素与之前的同级 SVG 重叠

Question

我在圆圈周围放置了多个 SVG。问题是每个 SVG 都与之前的同级 SVG 重叠，这导致点击事件以错误的形状触发。从技术上讲是正确的，但从用户的 Angular 来看，这是错误的。

Answer 1

您可以在 .shapes 中禁用点击事件的捕获。 div(原来是罪魁祸首)，并且只捕获来自 svg child 的事件:

.shapes {
  pointer-events: none;
}
.shapes svg * {
  pointer-events: painted;
}

点击事件仍然通过 <svg> 冒泡, 因此委托(delegate)事件监听器仍然可以正常工作。