このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
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 |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。