我嘗試使用 D3 在現有的單擊事件偵聽器中添加第二個單擊事件偵聽器，但未成功。基本上，我有一張事件地圖（圓圈）。我希望用戶能夠點擊一個圓圈并出現一個彈出窗口。我希望該彈出窗口僅在用戶第二次單擊任何地方時消失。因此，單擊一個圓圈將實例化彈出窗口并綁定它，第二次單擊 ANYWHERE 將使彈出窗口消失并將圓圈恢復為僅響應懸停，除非再次單擊。我通過在圓事件偵聽器中添加另一個“主體”點擊事件偵聽器來解決這個問題：  // event listener: if events (circles) are clicked, instantiate pop-up  d3.selectAll(".events").on("click", function(d) {         console.log("event clicked!")         //disable hover event listeners         d3.selectAll(".events").on("mouseout", null);         d3.selectAll(".events").on("mouseover", null);                            popup.transition()                         .duration(200)                      .style("opacity", .9);              popup.html(d.ArtistBio)        // if user clicks a SECOND time, anywhere, make popup disappear        d3.select("body").on("click", function(d) {             console.log("body clicked")            //hide popup            popup.transition()                          .duration(200)                        .style("opacity", 0);              //revert back to hover, unless user clicks again!            d3.selectAll(".events").on("mouseout", true);            d3.selectAll(".events").on("mouseover", true);            d3.selectAll(".events").on("mouseout", function(d) {             console.log("mousing out!")                      popup.transition()                          .duration(200)                        .style("opacity", 0);                            })            // mouseover event listers added back in            d3.selectAll(".events").on("mouseover", function(d) {               popup.transition()                         .duration(200)                      .style("opacity", .9);              popup.html(d.ArtistBio)          })                    })我的問題是這兩個事件同時被觸發(fā)，而不是按順序觸發(fā)：一旦我點擊一個圓事件，主體點擊事件偵聽器也被實例化，因此彈出窗口在呈現后立即被刪除。有沒有辦法以類似于我上面描述的方式做我正在嘗試做的事情？提前致謝。