САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
Внимание!!! Идёт обновление Учебника JavaScript

HTML Атрибут ondrag



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

Атрибут ondrag срабатывает при перетаскивании элемента или выделении текста.

Чтобы узнать о перетаскивании, прочитайте наш учебник по HTML Перетаскивание HTML5.

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

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

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

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

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


Применение

Атрибут ondrag является частью Атрибута Событий и может использоваться на следующих элементах:

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

Пример

Пример P

Выполнение JavaScript при перетаскивании элемента <p>:

<p draggable="true" ondrag="myFunction(event)">Тащить меня!</p>
Попробуйте сами »

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

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

Атрибуты Событий
ondrag 4.0 9.0 3.5 6.0 12.0