[解決済み] d3.jsでノードのダブルクリックイベントを作成するにはどうすればよいですか?
2022-02-10 04:08:55
質問
ノードのダブルクリックイベントを作りたいのですが、どうすればいいですか? そこで
.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";;})
解決方法は?
dbclick"の代わりに"dblclick"を使用することができます。
nodes.on("dblclick",function(d){ alert("node was double clicked"); });
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】SVGオブジェクトの拡大縮小とミラーリング
-
[解決済み] SVGで中空円を描画する
-
[解決済み] d3.jsでノードのダブルクリックイベントを作成するにはどうすればよいですか?
-
[解決済み] getBBox() SVGRectはどのように計算するのですか?
-
[解決済み] SVGのストロークが一方向のみ
-
[解決済み] ImageMagickでSVGをPNGに変換する方法は?
-
[解決済み】SVGファイル内のtransformを削除する方法
-
[解決済み] SVGの円弧パスによる円形描画
-
[解決済み] SVG における text 要素の垂直アライメント
-
[解決済み] svgのx属性とdx属性の違いは何ですか?