如何在svg元素上添加dragend事件

Sud*_*han 2 javascript svg dom d3.js

我正在使用D3.js拖动SVG元素,使用D3.js拖动的概念.拖动工作正常,但我想在dragend上调用一个函数.怎么做?

这是jsFiddle链接.我只是想在dragend上调用一个函数.

我应该试试

var drop = d3.behavior.drag()
  .on("dragend", function () { alert(); });
Run Code Online (Sandbox Code Playgroud)

Eri*_*röm 7

你似乎试图做某种嵌套拖动或其他东西,以下应该工作:

 var drag1 = d3.behavior.drag()
    .on("drag", dragmove)
    .on("dragend", function () { alert("drag ended"); });
Run Code Online (Sandbox Code Playgroud)

完整示例:http://jsfiddle.net/xnjGD/

  • 在 D3 v4 中,这已更改为“end”而不是“dragend”。[示例](https://bl.ocks.org/d3noob/204d08d309d2b2903e12554b0aef6a4d) (2认同)