JavaScript单击布尔以选择和取消选择svg元素。

我想选择多个svg元素来突出显示。第一次单击时，我希望打印高亮显示。当我单击页面上的任何其他位置时，我想取消选择。当我在一个元素已被选中的情况下单击另一个元素时。我想取消选择。 我很难确定鼠标单击是否在可选择元素上的某个位置。如何设置事件侦听器以确定我是否在页面上选择了非元素的某个位置

现在，文档上的事件侦听器如下所示：

   document.addEventListener("click", function(event) {
    console.log(event.relatedTarget);
});

---

在正确的方向上给予帮助将不胜感激

将事件处理程序添加到要选择的元素中，如果调用文档事件处理程序，则不需要单击这些元素elements@rioV8谢谢你的回复！我正在使用d3.on（'click'，function（）{}）作为我的事件处理程序。事件监听器会在有事件时拾取，但我不确定如何将元素信息发送给事件监听器？选择元素并附加一个单击处理程序