このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

DragEvent: dataTransfer プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年9月⁩.

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

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

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

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

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

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

仕様書

Specification
HTML
# dom-dragevent-datatransfer-dev

ブラウザーの互換性