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