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