javascript - 单击形状以选择基础形状

Question

这个问题已经有答案了:

How to make an SVG text element "click-through-able"? (3 个回答)

已关闭 4 年前。

我的矩形上有一个单击事件，但在某些地方，我无法选择它们，因为其他形状与它们重叠。我可以以某种方式识别我所有的形状，例如通过ID等

我可以以某种方式单击槽形状来选择基础形状，例如文本的属性pointer-events = none？或者将我的矩形放在其他所有东西之上？

我从单个 Geojson 文件附加我的路径，如下所示:

svgContainer.selectAll(null)
                    .data(feat.features)
                    .enter()
                    .append("path")
                    .attr("d", path)
                    .attr("stroke", "black")
                    .attr("stroke-width", 0.1)
                    .attr("fill", "none")
                    .attr("PENr", function (d) {
                        return d.properties.Nr
                    })
                    .attr("myID", function (d) {
                        return d.properties.ID;
                    })
                    .style("pointer-events", "visible")
                    .on("click", click);

Answer 1

您可以将 onclick 事件添加到父元素并处理那里的所有内容。属性 event.target 引用实际触发事件的元素(如果您需要知道的话)。