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

BCD tables only load in the browser