Как я могу сделать событие двойного щелчка на node в d3.js?

Я хочу сделать событие двойного щелчка на узлах. Поэтому я попробовал

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

.bind({"dbclick",function(d){alert("hello")} });

Но все провалилось. Кто-нибудь может мне помочь?

Полные коды ниже.

var node = svg.selectAll(".node")
    .data(graph.nodes)
    .enter().append("g")
    .attr("class", "node")
    //.on("dbclick",function(d){return "http://google.com");});
    //.attr("xlink:href", function(d){return d.url;}
    .call(force.drag);
    //.bind({"dbclick",function(d){alert("hello")} });

Наконец, я использовал метод ниже. (dblclick также работает)

var node = svg.selectAll(".node") .data(graph.nodes) .enter().append("a") 
              .attr("class", "node") .attr("target", "_blank")
              .attr("xlink:href", function(d){return "google.com";;})

Ответ 1