html атрибут ondragleave

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

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

Тягнути та кидати (drag and drop) дуже схожі в HTML5. Це коли ви "захопити" об'єкт та перетягуєте його в інше місце.

Є багато подій, які використовуються, і можуть статися в різних стадіях операції перетягування (drag and drop):

Події котрі викликаються при перетягуванні елемента:

1. ondragstart - спрацьовує, коли користувач починає перетягувати елемент.
2. ondrag - спрацьовує, коли елемент тягнуть.
3. ondragend - спрацьовує, коли користувач закінчив перетягування.

Події котрі викликаються при падіння елемента на ціль:

1. ondragenter - спрацьовує, коли перетягуваний елемент входить в зону елемента приймача.
2. ondragover - спрацьовує, коли перетягуваний елемент знаходить в зоні елемента приймача.
3. ondragleave - спрацьовує, коли перетягуваний елемент покидає зону елемента приймача.
4. ondrop - спрацьовує, коли перетягуваний елемент rbyenj на елемент приймач.

Синтаксис

<element ondragleave="script">

Переглядачі

• Стаціонарні переглядачі
• Мобільні переглядачі

Приклади

• Приклад 1

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