DragEvent: dataTransfer プロパティ

DragEvent.dataTransfer プロパティは、ドラッグ操作のデータを(DataTransfer オブジェクトとして)保持します。

このプロパティは 読取専用 です。

DataTransfer オブジェクトで、ドラッグイベントのデータが入ります。

この例では、 dragend イベントハンドラーの中でドラッグ&ドロップデータへアクセスする方法を説明します。

js
function processData(d) {
  // データを処理...
}

dragTarget.addEventListener(
  "dragend",
  (ev) => {
    // ドラッグ&ドロップのデータ処理を呼び出す
    if (ev.dataTransfer !== null) processData(ev.dataTransfer);
  },
  false,
);

仕様書

Specification
HTML Standard
# dom-dragevent-datatransfer-dev

ブラウザーの互換性

BCD tables only load in the browser