BASELINE NowYouCanUse.com

Widely Available

id: draganddrop

Drag and Drop

The Drag and Drop API lets users drag and drop elements and external files such as images onto web pages. Developers can customize which elements can become draggable, the type of feedback the draggable elements produce, and the droppable elements.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

3

Supported

Mozilla Firefox

3.5

Supported

Apple Safari

4

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

4

Safari iOS

3.2

Specifications and References

Specification ↗ Can I Use (dragndrop) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.DataTransfer ↗ api.DataTransfer.DataTransfer ↗ api.DataTransfer.clearData ↗ api.DataTransfer.dropEffect ↗ api.DataTransfer.effectAllowed ↗ api.DataTransfer.files ↗ api.DataTransfer.getData ↗ api.DataTransfer.items ↗ api.DataTransfer.setData ↗ api.DataTransfer.setDragImage ↗ api.DataTransfer.types ↗ api.DataTransferItem ↗ api.DataTransferItem.getAsFile ↗ api.DataTransferItem.getAsFileSystemHandle ↗ api.DataTransferItem.getAsString ↗ api.DataTransferItem.kind ↗ api.DataTransferItem.type ↗ api.DataTransferItemList ↗ api.DataTransferItemList.add ↗ api.DataTransferItemList.clear ↗ api.DataTransferItemList.length ↗ api.DataTransferItemList.remove ↗ api.DragEvent ↗ api.DragEvent.DragEvent ↗ api.DragEvent.dataTransfer ↗ api.HTMLElement.drag_event ↗ api.HTMLElement.dragend_event ↗ api.HTMLElement.dragenter_event ↗ api.HTMLElement.draggable ↗ api.HTMLElement.dragleave_event ↗ api.HTMLElement.dragover_event ↗ api.HTMLElement.dragstart_event ↗ api.HTMLElement.drop_event ↗