我如何在d3.js节点上双击事件？ [英] How can I make double click event on node in d3.js?

问题描述

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

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

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

和

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

但所有失败。任何人都可以帮助我？

But all failed. Can anyone help me?

完整代码如下。

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也可以工作）

---

Finally, I used a below method. (dblclick also works)

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

推荐答案

我想你可以这样做，如果使用dblclick而不是dbclick。

I think you can do that if use "dblclick" instead of "dbclick".

这篇关于我如何在d3.js节点上双击事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！