HTML Атрибут ondragleave
Определение и использование ondragleave
Атрибут ondragleave срабатывает, когда перетаскиваемый элемент или выделение текста оставляет допустимый целевой объект.
Атрибуты ondragenter и ondragleave могут помочь пользователю понять, что перетаскиваемый элемент собирается ввести или оставить целевой объект перетаскивания. Это можно сделать, например, установив цвет фона, когда перетаскиваемый элемент входит в целевой объект перетаскивания и удалив цвет, когда элемент перемещается из целевого объекта.
Чтобы узнать о перетаскивании, прочитайте наш учебник HTML Перетаскивание HTML5.
Совет: Ссылки и изображения перетаскиваются по умолчанию и не требуют атрибут draggable.
Существует множество атрибутов событий, которые используются и могут возникать на разных этапах операции перетаскивания:
- События на переносимый элемент (исходный элемент):
ondragstart- срабатывает, когда пользователь начинает перетаскивать элементondrag- срабатывает при перетаскивании элементаondragend- срабатывает, когда пользователь закончил перетаскивание элемента
- События, запущенные на цели отбрасывания:
ondragenter- срабатывает, когда перетаскиваемый элемент попадает в цель перетаскиванияondragover- срабатывает, когда тащили элемент за отбрасыванияondragleave- срабатывает, когда перетаскиваемый элемент покидает цель перетаскиванияondrop- срабатывает, когда перетаскиваемый элемент отбрасывается на цель отбрасывания
Применение ondragleave
Атрибут ondragleave является частью Атрибута Событий и может использоваться на следующих элементах:
| Элемент | Событие |
|---|---|
| Все элементы HTML | ondragleave |
Пример ondragleave
Выполнить JavaScript, когда перетаскиваемый элемент будет перемещен из приемника:
<div ondragleave="myFunction(event)"></div>
Попробуйте сами »
Поддержка браузеров ondragleave
Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут event.
| Атрибуты Событий | |||||
|---|---|---|---|---|---|
| ondragleave | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |