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

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

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

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

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

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

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