пример
Выполнение JavaScript при <p> элемент перетаскивается:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p> Попробуй сам " Определение и использование
ondrag атрибут пожаров , когда элемент или выделение текста затягивается.
Перетащите является очень распространенной особенностью в HTML5. Это когда вы "захватить" объект и перетащить его в другое место. Для получения дополнительной информации см наш Учебник HTML на HTML5 перетаскивания .
Примечание: Для того, чтобы элемент перетаскиваемыми, использовать глобальный HTML5 draggable атрибут.
Совет: Ссылки и изображения являются перетаскиваемыми по умолчанию, и не нужен draggable атрибут.
Есть много атрибутов событий, которые используются, и может происходить в различных стадиях операции перетаскивания:
- События открыли огонь по перетаскиваемом мишени (источник элемента):
- ondragstart - срабатывает , когда пользователь начинает перетаскивать элемент
- ondrag - срабатывает , когда элемент перетаскивается
- ondragend - пожары , когда пользователь закончил перетащив элемент
- События открыли огонь по цели падения:
- ondragenter - пожары , когда тащили элемент вступает цель снижения
- ondragover - пожары , когда тащили элемент находится над целевым объектом перетаскивания
- ondragleave - пожары , когда тащили элемент покидает цель снижения
- ondrop - пожары , когда тащили элемент сброшена на цель перетаскивания
Примечание: При перемещении элемента, событие ondrag срабатывает каждые 350 миллисекунд.
Поддержка браузеров
Числа в таблице указать первую версию браузера , которая полностью поддерживает event атрибут.
| Атрибут события | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Отличия между HTML 4.01 и HTML5
ondrag атрибут является новым в HTML5.
Синтаксис
<elementondrag=" script ">
значения атрибутов
| Стоимость | Описание |
|---|---|
| script | Сценарий будет работать на ondrag |
Технические подробности
| Поддерживаемые HTML-теги: | ВСЕ HTML элементы |
|---|
Похожие страницы
Учебник HTML: HTML5 перетаскивания
HTML Ссылка: перетаскиваемыми HTML Атрибут
HTML DOM Ссылка: ondrag событие