DragEvent

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

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

プロパティ

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

コンストラクター

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

DragEvent()
本物ではなく、また信頼されていない DragEvent を作成します。

イベントタイプ

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

GlobalEventHandlers

GlobalEventHandlers.ondrag
drag イベントの グローバルイベントハンドラー
GlobalEventHandlers.ondragend
dragend (en-US) イベントの グローバルイベントハンドラー
GlobalEventHandlers.ondragenter
dragenter (en-US) イベントの グローバルイベントハンドラー
GlobalEventHandlers.ondragexit (en-US)
dragexit イベントの グローバルイベントハンドラー
GlobalEventHandlers.ondragleave
dragleave (en-US) イベントの グローバルイベントハンドラー
GlobalEventHandlers.ondragover
dragover (en-US) イベントの グローバルイベントハンドラー
GlobalEventHandlers.ondragstart
dragstart (en-US) イベントの グローバルイベントハンドラー
GlobalEventHandlers.ondrop
drop (en-US) イベントの グローバルイベントハンドラ

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

仕様

仕様書 策定状況 コメント
HTML Living Standard
DragEvent の定義
現行の標準
HTML 5.1
DragEvent の定義
勧告 最初の定義

ブラウザー実装状況

BCD tables only load in the browser

関連情報