DragEvent.dataTransfer

The DragEvent.dataTransfer property holds the drag operation's data (as a DataTransfer object).

This property is Read only .

Syntax

let data = dragEvent.dataTransfer;

Return value

data

A DataTransfer object which contains the drag event's data.

Example

This example illustrates accessing the drag and drop data within the dragend event handler.

function processData(d) {
   // Process the data ...
}

dragTarget.addEventListener("dragend", function(ev) {
   // Call the drag and drop data processor
   if (ev.dataTransfer !== null) processData(ev.dataTransfer);
 }, false);

Specifications

Browser compatibility