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

HTML Атрибут ondragover


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

Пример

Execute a JavaScript when an element is being dragged over a drop target:

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

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

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

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

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

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

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

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

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

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

Примечание: While dragging an element, the ondragover event fires every 350 milliseconds.


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

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

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

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

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


Синтаксис

<Элемент ondragover="script">

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

Значение Описание
script Скрипт должен быть запущен на ondragover

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

Поддерживаются теги HTML: Все элементы HTML

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

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

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

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


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