Drag and Drop Event List

Below is a list of new events associated with the drag and drop API.

dragstart

This event fires when the user starts dragging the object. This event is associated with the object to be move or that is being moved.

dragenter

This fires when the mouse is first moved over or enters the element where the drop is to happen, before the actual drop occurs. This even is associated with the drop area or the target element. A listener for this event should indicate whether a drop is allowed over this location. If there are no listeners, or the listeners perform no operations, then a drop is not allowed by default.

dragover

This event is fired as the mouse is moved over an element when a drag is occurring. It is more or less the same as the dragenter event.

dragleave

This event is fired when the mouse leaves an element while a drag is occurring. Listeners should remove any highlighting or insertion markers used for drop feedback.

drag

This even fires every time the mouse is moved while the object is being dragged.

drop

The drop event is fired on the element where the drop has occurred at the end of the drag operation. A listener would be responsible for retrieving the data being dragged and inserting it at the drop location.

dragend

Fires when the user releases the mouse button while dragging an object.