dragover

Обновлено: 22.03.2023

Визначення та використання

Подія ondragoverвиникає, коли виділення, яке можна перетягувати, перетягується на ціль .

За замовчуванням дані/елементи не можна перекинути в інші елементи. Щоб дозволити відкидання, ми повинні заборонити обробку елемента за замовчуванням. Це робиться шляхом виклику методу event.preventDefault() для події ondragover.

Перетягування є загальною функцією HTML. Це коли ви "захоплюєте" об'єкт і перетягуєте його в інше місце.

Щоб зробити елемент перетягуваним, використовуйте атрибут draggable .

Щоб отримати додаткові відомості, перегляньте навчальний посібник із перетягування HTML .

Посилання та зображення за замовчуванням можна перетягувати, і атрибут draggable не потрібен.

Приклад

Викликайте функцію, коли елемент перетягується через ціль переміщення:

<div ondragover="myFunction(event)"></div>

Синтаксис

У HTML:
<element ondragover="myScript">

У JavaScript:
object.ondragover = function(){myScript};

У JavaScript за допомогою методу addEventListener():
object.addEventListener("dragover", myScript);

Технічні деталі

Бульбашки:Так
Скасовано:Так
Тип події:DragEvent
Теги HTML:Усі елементи HTML
Версія DOM:Події рівня 3


Підтримка браузера

dragover

Посмотреть совместимость на Can I use?

dragover