🏠 New in High Baseline Support: Drag and Drop

January 29, 2018

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]