As soon as you start dragging an element, a drag
event is fired
Whenever an element is cloned because copy: true
, a cloned
event fires
The shadow
event fires whenever the placeholder showing where an element would be dropped is moved to a different container or position
A drop
event is fired whenever an element is dropped anywhere other than its origin (where it was initially dragged from)
If the element gets removed from the DOM as a result of dropping outside of any containers, a remove
event gets fired
A cancel
event is fired when an element would be dropped onto an invalid target, but retains its original placement instead
The over
event fires when you drag something over a container, and out
fires when you drag it away from the container
Lastly, a dragend
event is fired whenever a drag operation ends, regardless of whether it ends in a cancellation, removal, or drop