САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Спасибо за поддержку, сайт продолжает работать

HTML Атрибут ondragstart


❮ Атрибуты событий HTML

Пример

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

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

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

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

Перетаскивание очень распространенная функция в HTML5. Это когда вы "захватываете" объект и перетаскиваете его в другое место. Для получения дополнительной информации см. наш учебник по HTML Перетаскивание HTML5.

Примечание: Чтобы сделать элемент перетаскиваемым, используйте глобальный атрибут draggable HTML5.

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

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

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

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

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

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

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

Различий между HTML 4.01 и HTML5

Атрибут ondragstart новый в HTML5.


Синтаксис

<Элемент ondragstart="script">

Значение атрибута

Значение Описание
script Скрипт должен быть запущен на ondragstart

Технические подробности

Поддерживаются теги HTML: Все элементы HTML

Связанные страницы

Учебник HTML: Перетаскивание HTML5

Справочник HTML: Атрибут draggable HTML

Справочник DOM HTML: Событие ondragstart


❮ Атрибуты событий HTML