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