САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML атрибут ondragover


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

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

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

Чтобы узнать о Drag и Drop, прочитайте наш учебник HTML5 Drag и Drop.

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

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

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

  • События, запущенные по цели сброса:
    • ondragenter - срабатывает, когда перетаскиваемый элемент попадает в целевой объект
    • ondragover - срабатывает, когда перетаскиваемый элемент находится над мишенью
    • ondragleave - срабатывает, когда перетаскиваемый элемент покидает целевой объект
    • ondrop - срабатывает, когда перетаскиваемый элемент падает на целевой объект
Примечание: При перетаскивании элемента событие ondragover срабатывает каждые 350 миллисекунд.

Относится к

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

Элементы Событие
Все элементы HTML ondragover

Пример

Div Пример

Выполните JavaScript, когда элемент перетаскивается через цель перетаскивания:

<div ondragover="myFunction(event)"></div>
Попробуйте сами »

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

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

Атрибут событий
ondragover 4.0 9.0 3.5 6.0 12.0