svg - 如何在 d3.js 中的节点上制作双击事件？

Question

我想在节点上进行双击事件。所以我尝试了

.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";;}) 

Answer 1

您可以使用“dblclick”代替“dbclick”:

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