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