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

【问题标题】：how to add dragend event on svg element如何在svg元素上添加dragend事件
【发布时间】：2013-04-02 05:03:00
【问题描述】：

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

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

我应该试试

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

如果有人仍然需要这样的东西，请快速提及，d3.behaviour 和 dragend 已被弃用。如果您仍然需要该功能，它应该如下所示：

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

【讨论】：