Drag and Drop: Dragging data

Every event related to drag and drop comes is a DragEvent object as I mentioned, and it comes with a property called dataTransfer which holds the data being dragged, and offers 5 properties:

  • dropEffect
  • effectAllowed
  • files
  • items (read only)
  • types (read only)

When the drag event starts, you can do a few operations.

Lessons in this unit:

0: Introduction
1: Drop targets
2: Drag events
3: ▶︎ Dragging data
4: Set / get the effect
5: The data being transferred
Want to learn more? Check out our courses