Javascript 如何使SVG中的g元素可单击

我知道这是一个用于转换的分组。我也查看了文档，没有发现任何与此相关的内容，但想知道这是否可行。

在文档中填入

，并使

可单击。rect可以是透明的查看属性以了解如何配置

的可剪裁性

---

您可以通过调用getBBox来查找高度和宽度。

将id分配给元素和侦听器。 前

$（“#clickg”）。在（“click”上，函数（）{
警报（“点击”）；
});

用一个矩形填充整个svg。

<g id="clickg"><circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/><g>

$("#clickg").on("click",function () {
    alert("click");
});