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 |