如何在JavaScript中捕获拖拽事件？

Question

我正在尝试在JavaScript中为一个可拖拽的DIV捕捉dragend事件。dragend事件根本没有触发，为什么？如何解决这个问题呢？PS，我使用的是jQuery UI 1.9.2中的.draggable()方法

下面是我的代码：http://jsfiddle.net/vBMav/

HTML：

<div id="divId"> ... </div>

CSS：

#divId {
    background-color: #000000;
    color: #ffffff;
    height: 200px;
    width: 200px;
}

Javascript：

$('#divId').draggable(); 

$('#divId')
    .bind('dragstart', function(){ $("#divId").text("drag start"); })
    .bind('drag',      function(){ $("#divId").text("dragging");   })
    .bind('dragend',   function(){ $("#divId").text("drag ended"); });

Answer 1

尝试使用dragstop而不是dragend

.bind('dragstop',   function(){ $("#divId").text("drag ended");});

Answer 2

在JavaScript和jQuery中，当用户停止拖动光标时，触发的事件是：dragend。

在jQuery UI中，在调用.draggable();之后，当用户停止拖动光标时，激发的事件将变为：dragstop。(Small demo showing that dragstop no longer works when .draggable() isn't called.)

文档...

JavaScript - dragend：在谷歌上搜索它会得到大约100,000个搜索结果，所以这很可能是您要使用的内容。来源：

jQuery UI - dragstop：到2020年8月为止，在谷歌搜索"jQuery UI Dragstop“只能得到5,000个搜索结果。我几乎找不到任何提及它的地方，但它就在中。