🏠 New in Low Baseline Support: Drag and Drop

July 29, 2015

caniuse · mdn · spec

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.

Source features

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