D3 - 阻止父<g>元素触发点击事件</g>

时间:2014-11-19 22:00:59

标签: javascript svg d3.js click

我正在编写一个类似于源代码的程序 Zoomable Partition

我已为每个组元素添加了一个图像标记,以充当执行其他操作的按钮。所以我的结构看起来像:

<svg>
  <g>
    <rect>
    <text>
    <image>
  </g>
  <g>...</g>
</svg>

代码为每个负责缩放的元素添加了一个click事件。我已将自己的点击事件添加到图片代码中以执行操作。当我点击图像时,我的图像点击正在触发,但是g事件也在触发。反正是为了防止这种行为,只有图像点击事件才会触发?

谢谢你的时间, LL

1 个答案:

答案 0 :(得分:3)

您需要停止将事件传播到下一个元素。

您可以在事件监听器中使用event.stopPropagation