HTML атрибут события ondragend

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

Пример

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

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

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

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

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

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

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

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

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

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

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

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

Event Attribute
ondragend 4.0 9.0 3.5 6.0 12.0

Синтаксис

<element ondragend="script">

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

Value Description
script The script to be run on ondragend

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

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

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

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

Справочник по HTML: перетаскиваемый атрибут HTML

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


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