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.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) イベントの グローバルイベントハンドラ。

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

• Drag and drop
• Drag Operations (en-US)
• Recommended Drag Types (en-US)
• Dragging and Dropping Multiple Items (en-US)
• DataTransfer test - Paste or Drag