DragEvent:dataTransfer 属性

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);
  },
  false,
);

规范

规范
HTML 标准
# dom-dragevent-datatransfer-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。