Атрибут 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