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