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