Как обрабатывается перемещение объектов при использовании drag and drop?

Перемещение объектов при использовании drag and drop (перетаскивание и сброс) обрабатывается с помощью событий JavaScript. mksegment.ru

Основной принцип работы технологии drag and drop: mksegment.ru

1. Перетаскивание. mksegment.ru Пользователь нажимает на элемент, который хочет переместить, и удерживает его, перемещая мышь. mksegment.ru При этом элемент «подхватывается» и следует за движением мыши. mksegment.ru Элемент должен сначала быть помечен как «перетаскиваемый» с помощью соответствующего кода. mksegment.ru
2. Сброс. mksegment.ru Когда пользователь отпускает кнопку мыши, элемент «бросается» на целевое место. mksegment.ru Целевое место может быть представлено другим элементом, областью на странице или приложением. mksegment.ru

Во время операции перетаскивания запускается ряд различных событий: metanit.com

• dragstart — генерируется, когда начинается перетаскивание элемента; metanit.com developer.mozilla.org
• drag — генерируется постоянно по мере того, как элемент перетаскивается; metanit.com
• dragend — генерируется, когда перетаскивание элемента завершено; metanit.com
• dragenter — генерируется, когда элемент входит в границы целевой области; metanit.com
• dragover — генерируется постоянно (несколько раз в секунду) по мере того, как элемент перетаскивается над целевой областью; metanit.com
• dragleave — генерируется, когда элемент покидает целевую область; metanit.com
• drop — генерируется, когда перетаскиваемый элемент отпускается на целевой области. metanit.com

Обработчики всех перечисленных событий перемещения в качестве параметра получают объект типа DragEvent. metanit.com