The DragEvent.dataTransfer
property holds the drag operation's data (as a DataTransfer
object).
This property is Read only .
The DragEvent.dataTransfer
property holds the drag operation's data (as a DataTransfer
object).
This property is Read only .
A DataTransfer
object which contains the drag event's data
.
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, );
Specification |
---|
HTML Standard # dom-dragevent-datatransfer-dev |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
dataTransfer |
46 | 12 | 3.5 | 10The value is alwaysnull . |
33 | 14 | No | No | 4 | No | No | No |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DragEvent/dataTransfer