HTML - атрибут ondragenter

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

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

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

Чтобы узнать о перетаскивании, прочитайте наш учебник HTML по перетаскиванию HTML5 .

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

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

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


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

Относится к

Атрибут ondragenter является частью атрибутов событий и может использоваться в любых элементах HTML.

Пример

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

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