DragEvent:dataTransfer 屬性

Baseline 已廣泛支援

此功能已成熟,並可在許多裝置和瀏覽器版本上使用。自 2020 年 9 月起,所有瀏覽器均已提供此功能。

DragEvent.dataTransfer 只讀屬性儲存了拖動操作的資料(作為 DataTransfer 物件)。

一個 DataTransfer 物件,其中包含 拖動事件的資料

當使用建構函式建立事件時,該屬性可能為 null。當瀏覽器分派事件時,它永遠不會是 null

示例

此示例演示瞭如何在 dragend 事件處理程式中訪問拖放資料。

js
function processData(d) {
  // Process the data …
}

dragTarget.addEventListener("dragend", (ev) => {
  // Call the drag and drop data processor
  if (ev.dataTransfer !== null) processData(ev.dataTransfer);
});

規範

規範
HTML
# dom-dragevent-datatransfer-dev

瀏覽器相容性