DragEvent

DragEvent インターフェイスは、ドラッグ＆ドロップ操作を表す DOM イベントです。ユーザーはタッチ面でポインティングデバイス（マウスなど）を置くことによりドラッグを開始して、ポインタを新たな場所（別の DOM 要素など）にドラッグします。アプリケーションは独自の方法で、ドラッグ＆ドロップの操作を自由に解釈できます。

このインターフェイスは、MouseEvent および Event からプロパティを継承しています。

プロパティ

DragEvent.dataTransfer 読取専用: ドラッグ＆ドロップ操作で動かされているデータです。

コンストラクター

このインターフェイスにはコンストラクターがありますが、役に立つ DataTransfer オブジェクトをスクリプトから作成することはできません。これは DataTransfer オブジェクトに、ドラッグ＆ドロップ中にブラウザーによって調整される処理やセキュリティのモデルがあるためです。

DragEvent(): 合成された信頼されてない DragEvent を作成します。

イベントの種類

drag: このイベントは、要素や選択テキストのドラッグが開始されているときに発生します。
dragend: このイベントは、（マウスボタンを離したり、Esc キーを押下したりして）ドラッグ操作が終了したときに発生します。
dragenter: このイベントは、ドラッグされた要素や選択テキストが有効なドロップ先に入ったときに発生します。
dragleave: このイベントは、ドラッグされた要素や選択テキストが有効なドロップ先から出たときに発生します。
dragover: このイベントは、要素や選択テキストが有効なドロップ先の上をドラッグされたときに発生します（マウスが動いていない場合は 50 ミリ秒ごとに、それ以外は 5 ミリ秒ごと（遅い動作）か 1 ミリ秒ごと（速い動作）の間隔です。この発生パターンは mouseover とは異なります）。
dragstart: このイベントは、ユーザーが要素や選択テキストのドラッグを開始したときに発生します。
drop: このイベントは、要素や選択テキストが有効なドロップ先にドロップされたときに発生します。

GlobalEventHandlers

GlobalEventHandlers.ondrag: drag イベントのグローバルイベントハンドラーです。
GlobalEventHandlers.ondragend: dragend イベントのグローバルイベントハンドラーです。
GlobalEventHandlers.ondragenter: dragenter イベントのグローバルイベントハンドラーです。
GlobalEventHandlers.ondragleave: dragleave イベントのグローバルイベントハンドラーです。
GlobalEventHandlers.ondragover: dragover イベントのグローバルイベントハンドラーです。
GlobalEventHandlers.ondragstart: dragstart イベントのグローバルイベントハンドラーです。
GlobalEventHandlers.ondrop: drop イベントのグローバルイベントハンドラーです。

例

各プロパティ、コンストラクター、イベントタイプおよびグローバルイベントハンドラーの例は、それぞれのリファレンスページに掲載しています。

仕様書

Specification
HTML Standard # the-dragevent-interface

ブラウザーの互換性

BCD tables only load in the browser