HTML ondrag Атрибут события
Пример
Выполнение 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