如何使用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标签，但没有点击方法：

document.getElementById（...）。click不是函数

是否可以通过Java单击SVG标签中的元素？

Answer 1

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

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

这是click（）方法在后台执行的所有操作。这只是一种方便的方法。

这将与任何SVG元素一起使用，包括<g>元素。

Answer 2

如果dispatchEvent(new Event('click'))不起作用，请使用.click()。请通过https://jsfiddle.net/mvqpg930/1/查看小提琴

Answer 3

不完全确定JavaScript是否具有实际的click()事件（我知道可以将其插入为HTML中的onclick()）。 jQuery有一个click()事件。就是说，我相信如果您使用的是JavaScript而没有jQuery，则必须添加eventlistener。

Answer 4

您是否直接在HTML上尝试了“ onclick”？