Document: dragend イベント

dragend イベントは、ドラッグ操作が終わろうとしているとき (マウスボタンを離したり、エスケープキーを押したりしたとき) に発生します。

バブリング あり
キャンセル可能 いいえ
既定のアクション 様々
インターフェイス DragEvent
イベントハンドラープロパティ ondragend

例

サンプルコードは drag イベント、またはこの JSFiddle デモをご覧ください。

仕様書

仕様書 状態 備考
HTML Living Standard
dragend の定義		 現行の標準

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
dragend eventChrome 完全対応 4
補足
完全対応 4
補足
補足 Prior to Chrome 72, the dragend event was not dispatched if an iframe (not necessarily the source target) is involved in a DOM operation. See issue 737691 for more details.
Edge 完全対応 12Firefox 部分対応 3.5
補足
部分対応 3.5
補足
補足 Firefox doesn't set the mouse coordinates during the drag event. See bug 505521.
補足 In Firefox, dragend is not dispatched if the source node is moved or removed during the drag (e.g. on drop or dragover). See bug 460801 for details.
IE 完全対応 10Opera 完全対応 12Safari 完全対応 3.1WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 11Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
部分対応  
部分対応
未対応  
未対応
実装ノートを参照してください。
実装ノートを参照してください。

関連情報