此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
DragEvent:dataTransfer 属性
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 |
浏览器兼容性
启用 JavaScript 以查看此浏览器兼容性表。