DragEvent

インスタンスプロパティ

DragEvent.dataTransfer 読取専用

ドラッグ＆ドロップ操作で動かされているデータです。

コンストラクター

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

DragEvent()

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

イベントの種類

drag

このイベントは、要素や選択テキストのドラッグが開始されているときに発生します。

dragend

このイベントは、（マウスボタンを離したり、Esc キーを押下したりして）ドラッグ操作が終了したときに発生します。

dragenter

このイベントは、ドラッグされた要素や選択テキストが有効なドロップ先に入ったときに発生します。

dragleave

このイベントは、ドラッグされた要素や選択テキストが有効なドロップ先から出たときに発生します。

dragover

このイベントは、要素や選択テキストが有効なドロップ先の上をドラッグされたときに発生します（マウスが動いていない場合は 50 ミリ秒ごとに、それ以外は 5 ミリ秒ごと（遅い動作）か 1 ミリ秒ごと（速い動作）の間隔です。この発生パターンは mouseover とは異なります）。

dragstart

このイベントは、ユーザーが要素や選択テキストのドラッグを開始したときに発生します。

drop

このイベントは、要素や選択テキストが有効なドロップ先にドロップされたときに発生します。

例

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

仕様書

ブラウザーの互換性

関連情報

• ドラッグ＆ドロップ
• ドラッグ操作
• ドラッグデータストアでの作業