DragEvent: dataTransfer プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年9月以降、すべてのブラウザーで利用可能です。
DragEvent.dataTransfer プロパティは、ドラッグ操作のデータを（DataTransfer オブジェクトとして）保持します。
このプロパティは 読取専用 です。
値
DataTransfer オブジェクトで、ドラッグイベントのデータが入ります。
このプロパティは、コンストラクターを使用してイベントが作成された場合に null となる可能性があります。ブラウザーによって配信される場合には決して null にはなりません。
例
この例では、 dragend イベントハンドラーの中でドラッグ＆ドロップデータへアクセスする方法を説明します。
js
function processData(d) {
// データを処理...
}
dragTarget.addEventListener("dragend", (ev) => {
// ドラッグ＆ドロップのデータ処理を呼び出す
if (ev.dataTransfer !== null) processData(ev.dataTransfer);
});
仕様書
| 仕様書 |
|---|
| HTML # dom-dragevent-datatransfer-dev |