How can I make double click event on node in d3.js?

Question

I want to make double click event on nodes. So I tried

.on(\"dbclick\",function(d){return \"http://google.com\");});

and

.bin         


        

Answer 1

You can use "dblclick" instead of "dbclick":

nodes.on("dblclick",function(d){ alert("node was double clicked"); });

Answer 2

If using D3 Observable:

const nodeEnter = node.enter().append("g")
        .on("dblclick", d => {
          d3.event.preventDefault();
          // do your thing
        });