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

HTML атрибут ondrop


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

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

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

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

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

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

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

Относится к

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

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

Пример

Div Пример

Выполните JavaScript, когда перетаскиваемый элемент отбрасывается в элемент <div>:

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

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

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

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