Drag and Drop Events

In total, there are seven drag and drop events.

PropertiesDescription
dragenter
dragoverTell the browser this is an element that accepts drop data.
dropOnce something has been dropped on the element, do something with the dropped data.
dragstart
dragend(the complement to dragstart)
dragenter
dragleave

The enter and leave events fire on the dropzone as the dragged item enters the element.
Related Tutorial