ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML ondrag Атрибут события

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

Пример

Выполнение JavaScript при перетаскивании элемента <p>:

<p draggable="true" ondrag="myFunction(event)">Drag me!</p>

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

При перетаскивании элемента или выделенного фрагмента происходит перетаскивание атрибута ondrag.

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

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

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

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

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

  • Events fired on the drop target:
    • ondragenter - срабатывает, когда перетаскивается элемент попадает в целевой объект перетаскивания
    • ondragover - срабатывает, когда перемещенный элемент находится над целевым объектом перетаскивания
    • ondragleave - срабатывает, когда перетаскивание элемента оставляет цель перетаскивания
    • ondrop - срабатывает при удалении перетаскивания элемента на целевом объекте перетаскивания

Примечание: При перетаскивании элемента событие ondrag инициирует каждые 350 миллисекунд.


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

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

Атрибут события
ondrag 4.0 9.0 3.5 6.0 12.0

Различия между HTML 4,01 и HTML5

Атрибут ondrag является новым в HTML5.


Синтаксис

<element ondrag="script">

Значения атрибутов

Значение Описание
script Сценарий, запускаемый при перетаскивании

Технические детали

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

Похожие страницы

HTML Учебник: HTML5 Drag and Drop

HTML Ссылки: HTML draggable Атрибут

HTML DOM Ссылки: Событие ondrag


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