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