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