HTML Атрибут ondragover
Определение и использование ondragover
Атрибут ondragover срабатывает, когда перетаскиваемый элемент или выделение текста перетаскивается по допустимому целевому объекту перетаскивания.
По умолчанию, данные элементы не могут быть удалены другими элементами. Чтобы разрешить отбрасывание, мы должны предотвратить обработку элемента по умолчанию. Это делается путем вызова event.preventDefault() method для атрибута ondragover.
Чтобы узнать о перетаскивании, прочитайте наш учебник HTML Перетаскивание HTML5.
Совет: Ссылки и изображения перетаскиваются по умолчанию и не требуют атрибут draggable.
Существует множество атрибутов событий, которые используются и могут возникать на разных этапах операции перетаскивания:
- События на переносимый элемент (исходный элемент):
ondragstart- срабатывает, когда пользователь начинает перетаскивать элементondrag- срабатывает при перетаскивании элементаondragend- срабатывает, когда пользователь закончил перетаскивание элемента
- События, запущенные на цели отбрасывания:
ondragenter- срабатывает, когда перетаскиваемый элемент попадает в цель перетаскиванияondragover- срабатывает, когда тащили элемент за отбрасыванияondragleave- срабатывает, когда перетаскиваемый элемент покидает цель перетаскиванияondrop- срабатывает, когда перетаскиваемый элемент отбрасывается на цель отбрасывания
Примечание: При перетаскивании элемента событие ondragover запускается каждые 350 миллисекунд.
Применение ondragover
Атрибут ondragover является частью Атрибута Событий и может использоваться на следующих элементах:
| Элемент | Событие |
|---|---|
| Все элементы HTML | ondragover |
Пример ondragover
Выполнение JavaScript при перетаскивании элемента по цели перетаскивания:
<div ondragover="myFunction(event)"></div>
Попробуйте сами »
Поддержка браузеров ondragover
Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут event.
| Атрибуты Событий | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |