DragEvent：dataTransfer 属性

Baseline 已广泛支持

此功能已成熟，并可在许多设备和浏览器版本上使用。自 2020 年 9 月起，所有浏览器均已提供此功能。

DragEvent.dataTransfer 只读属性保存了拖动操作的数据（作为 DataTransfer 对象）。

值

一个 DataTransfer 对象，其中包含拖动事件的数据。

当使用构造函数创建事件时，该属性可能为 null。当浏览器分派事件时，它永远不会是 null。

示例

此示例演示了如何在 dragend 事件处理程序中访问拖放数据。

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

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后更新于 ⁨2025 年 9 月 18 日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题