此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

DragEvent:dataTransfer 属性

基线 广泛可用

自 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);
});

规范

规范
HTML
# dom-dragevent-datatransfer-dev

浏览器兼容性