HTML Событие атрибута ondragleave

Выполнить JavaScript, когда перетаскиваемый элемент будет перемещен из приемника:

Описание ondragleave

Событие атрибута ondragleave срабатывает, когда перетаскиваемый элемент или выделение текста оставляет допустимый целевой объект.

Событие атрибута ondragleave и ondragenter могут помочь пользователю понять, что перетаскиваемый элемент собирается ввести или оставить целевой объект перетаскивания. Это можно сделать, например, установив цвет фона, когда перетаскиваемый элемент входит в целевой объект перетаскивания, и удалив цвет, когда элемент перемещается из целевого объекта.

Перетаскивание очень распространенная функция в HTML5. Это когда вы "захватываете" объект и перетаскиваете его в другое место. Для получения дополнительной информации см. наш учебник по HTML Перетаскивание HTML5.

Примечание: Чтобы сделать элемент перетаскиваемым, используйте глобальный атрибут draggable HTML5.

Совет: Ссылки и изображения перетаскиваются по умолчанию и не требуют атрибута draggable.

Существует множество атрибутов событий, которые используются и могут возникать на разных этапах операции перетаскивания:

События происходит при переносе элемента (исходный элемент):
- ondragstart - срабатывает, когда пользователь начинает перетаскивать элемент
- ondrag - срабатывает при перетаскивании элемента
- ondragend - срабатывает, когда пользователь закончил перетаскивание элемента

События происходит при отбрасывании элемента:
- ondragenter - срабатывает, когда перетаскиваемый элемент попадает в цель перетаскивания
- ondragover - срабатывает, когда перетащили элемент за отбрасывания
- ondragleave - срабатывает, когда перетаскиваемый элемент покидает цель перетаскивания
- ondrop - срабатывает, когда перетаскиваемый элемент отбрасывается на цель отбрасывания