javascript - 如何使用 Javascript 在网站中单击 SVG 的一部分？

Question

Javascript 提供了一个名为click() 的方法。

这适用于例如:

<a id="a" href="index.htm">Click here</a>

和

document.getElementById("a").click();

---

但是 SVG 元素呢？

<svg>
  <g id="a" .....></g>
</svg>

这行不通:

document.getElementById("a").click();

我可以成功选中g-Tag，但是没有点击方法:

document.getElementById(...).click is not a function

是否可以通过 Javascript 在 SVG 标签中点击一个元素？

Answer 1

您可以手动创建和发送事件，例如

document.getElementById("a").dispatchEvent(new Event('click'));

这就是 click() 方法在底层所做的全部工作。这只是一种方便的方法。

这适用于任何 SVG 元素，包括 <g>元素。