Как работает перетаскивание объектов в HTML5?

Перетаскивание объектов в HTML5 работает через события Drag&Drop: habr.com

• dragStart — пользователь начинает перетаскивание элемента; habr.com
• dragEnter — перетаскиваемый элемент достигает конечного элемента; habr.com
• dragOver — курсор мыши наведён на элемент при перетаскивании; habr.com
• dragLeave — курсор мыши покидает пределы перетаскиваемого элемента; habr.com
• drag — курсор двигается при перетаскивании; habr.com
• drop — происходит drop элемента; habr.com
• dragEnd — пользователь отпускает курсор мыши в процессе перетаскивания. habr.com

Для управления данными во время операции перетаскивания используется объект dataTransfer. www.geeksforgeeks.org Он держит перетаскиваемые данные и передаёт их в нужное место. www.geeksforgeeks.org

Чтобы сделать элемент перетаскиваемым, нужно установить атрибут draggable в true. www.schoolsw3.com