Drag and drop in the HTML5

(1) Implementing drag-and-drop in HTML5 requires setting the "draggable" property of the target element to "true";

(2) Related events that are triggered when the element is dropped:

a:dragstart--is triggered when a drag-and-drop element is started (Event body: Drag-and-drop element);

b:drag--is dragging and dropping element trigger (event Body: Drag and drop Element);

c:dragenter--is triggered by a drag element into an element (event body: Pass/target Element);

d:dragover--is triggered when the dragged element moves within an element (event body: Pass/target Element);

e:dragleave--is triggered when the element is dragged away from the target element (event body: target element);

f:drop--is triggered after the target element has fully received the dragged element (event body: target element);

g:dragend--action at the end of the entire drag-and-drop operation (event body: Drag-and-drop object element);

Drag and drop in the HTML5