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

HTML ondragenter Атрибут

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

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

Атрибут ondragenter срабатывает, когда перетаскиваемый элемент или выделение текста входит в допустимый целевой объект перетаскивания.

События ondragenter и ondragleave могут помочь пользователю понять, что перетаскиваемый элемент собирается ввести или оставить целевой объект перетаскивания. Это можно сделать, например, установив цвет фона, когда перетаскиваемый элемент входит в целевой объект перетаскивания и удалит цвет, когда элемент переместится из целевого объекта.

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

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

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

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

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


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

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

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

Различий между HTML 4.01 и HTML5

Атрибут ondragenter новый в HTML5.

Синтаксис

Значение атрибута

Технические подробности

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

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

Справочник HTML: Атрибут draggable HTML

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