HTML Атрибут событий ondragover
Пример
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
