DragEvent: dataTransfer property
The DragEvent.dataTransfer read-only property holds the drag
operation's data (as a DataTransfer object).
Value
A DataTransfer object which contains the drag event's data.
Examples
This example illustrates accessing the drag and drop data within the
dragend event handler.
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,
);
Specifications
| Specification |
|---|
| HTML Standard # dom-dragevent-datatransfer-dev |
Browser compatibility
| desktop | mobile | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
dataTransfer | |||||||||||