6

ドラッグ可能なDIVのJavaScriptでドラッグエンドイベントをキャッチしようとしています。ドラッグエンドイベントはまったく発生しません、なぜですか？そしてこれを解決する方法は？PS、私は.draggable（）メソッドを使用しています：jQuery UI 1.9.2

これが私のコードです：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"); });
4

2 に答える 2

13

dragstop代わりに使用してみてくださいdragend

.bind('dragstop',   function(){ $("#divId").text("drag ended");});
于 2013-02-27T14:13:28.627 に答える
0

JavaScriptとjQueryでは、ユーザーがカーソルのドラッグを停止すると、発生するイベントは次のようになりdragendます。

jQuery UIでは、を呼び出した後.draggable();、ユーザーがカーソルのドラッグを停止すると、発生するイベントは次のようになりますdragstop。（が呼び出されない場合、ドラッグストップが機能しなくなることを示す小さなデモ.draggable()。）

ドキュメンテーション...

JavaScript-：dragendこれをグーグルで検索すると約100,000件の検索結果が生成されるため、これが使用する可能性があります。出典：MDN Web Docs：ドキュメント：dragend Event

jQuery UI - dragstop：「jQueryUI Dragstop」を検索すると、2020年8月の時点でGoogleで5,000件の検索結果しか生成されません。ほとんど言及されていませんが、公式のjQuery UIドキュメント：DraggableWidgetにあります。

于 2020-08-10T22:49:12.107 に答える