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