单击形状以选择基础形状

Question

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

我可以以某种方式单击槽形以选择基础形状，例如对于文本使用属性指针事件=无吗？ 或者将我的矩形放在其他所有内容之上？

我从单个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引用实际触发事件的元素。