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