САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Атрибут ondragover



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

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

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

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

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

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

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

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

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


Применение

Атрибут ondragover является частью Атрибута Событий и может использоваться на следующих элементах:

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

Пример

Пример Div

Выполнение JavaScript при перетаскивании элемента по цели перетаскивания:

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

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

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

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