HTML атрибут события ondragover

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

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

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

По умолчанию данные/элементы не могут быть удалены в других элементах. Чтобы разрешить удаление, мы должны запретить обработку элемента по умолчанию. Это делается путем вызова метода event.preventDefault() для атрибута ondragover.

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

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

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

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

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


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

Примечание. При перетаскивании элемента событие ondragover срабатывает каждые 350 миллисекунд.

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

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

Синтаксис

Значения атрибутов

Технические детали

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

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

Справочник по HTML: перетаскиваемый атрибут HTML

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