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

Question

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

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

我应该尝试

var drop = d3.behavior.drag()
  .on("dragend", function () { alert(); });

Answer 1

您似乎正在尝试进行某种嵌套拖动或其他操作，以下应该可以工作：

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

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

Answer 2

快速提及是否有人仍然需要这样的东西，d3.behaviour以及dragend. 如果您仍然需要该功能，它应该如下所示：

d3.drag().on("end", (_event, dimension) => {
    console.log("alert ended for : " dimension)
  })

（更多信息：https ://github.com/d3/d3/blob/master/CHANGES.md#dragging-d3-drag ）