此页面由社区从英文翻译而来。了解更多并加入 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 对象。

当事件是使用构造函数创建时,该属性可以是 null。但若是由浏览器派发时,它永远不会是 null

示例

下述示例展示了在 dragend 事件处理器中访问拖放数据的方法:

js
function process_data(d) {
  // 处理数据……
}

dragTarget.addEventListener("dragend", (ev) => {
  // 调用拖放数据处理器
  if (ev.dataTransfer !== null) processData(ev.dataTransfer);
});

规范

Specification
HTML
# dom-dragevent-datatransfer-dev

浏览器兼容性