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

HTML атрибут ondragstart


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

Атрибут ondragstart срабатывает, когда пользователь начинает перетаскивать выделенный элемент или текст.

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

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

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

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

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

Относится к

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

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

Пример

P Пример

Выполните JavaScript, когда пользователь начинает перетаскивать элемент <p>:

<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
Попробуйте сами »

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

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

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