САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML атрибут ondragleave


Определение и использование

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

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

Чтобы узнать о Drag и Drop, прочитайте наш учебник HTML5 Drag и Drop.

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

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

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

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

Относится к

Атрибут ondragend является частью атрибутов события и может использоваться с любыми элементами HTML.

Элементы Событие
Все элементы HTML ondragleave

Пример

Div Пример

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

<div ondragleave="myFunction(event)"></div>
Попробуйте сами »

Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут события.

Атрибут событий
ondragleave 4.0 9.0 3.5 6.0 12.0