dragleave

Обновлено: 22.03.2023

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

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

Події ondragenterта ondragleaveможуть допомогти користувачеві краще зрозуміти, коли перетягуваний переміщується над цільовим пунктом. Наприклад, установивши колір фону, коли елемент, який можна перетягувати, потрапляє в ціль відкидання, і видаливши колір, коли елемент переміщується з цільового поля.

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

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

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

Приклад

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

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

Синтаксис

У HTML:
<element ondragleave="myScript">

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

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

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

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


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

dragleave

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

dragleave