Atrybut zdarzenia ondragleave w formacie HTML
Przykład
Wykonaj JavaScript, gdy element do przeciągania zostanie przeniesiony z miejsca docelowego upuszczania:
<div ondragleave="myFunction(event)"></div>
Definicja i użycie
Atrybut ondragleave jest uruchamiany, gdy przeciągany element lub zaznaczony tekst pozostawia prawidłowy cel upuszczania.
Zdarzenia ondragenter i ondragleave mogą pomóc użytkownikowi zrozumieć, że element, który można przeciągać, zaraz wejdzie lub opuści cel upuszczania. Można to zrobić, na przykład, ustawiając kolor tła, gdy przeciągany element wchodzi do miejsca docelowego upuszczania i usuwając kolor, gdy element jest przesuwany poza miejsce docelowe.
Przeciąganie i upuszczanie to bardzo powszechna funkcja w HTML5. Dzieje się tak, gdy „chwycisz” obiekt i przeciągniesz go w inne miejsce. Więcej informacji znajdziesz w naszym samouczku HTML dotyczącym przeciągania i upuszczania HTML5 .
Uwaga: aby umożliwić przeciąganie elementu, użyj globalnego atrybutu przeciągania HTML5.
Porada: Łącza i obrazy można domyślnie przeciągać i nie wymagają one atrybutu przeciągania.
Istnieje wiele atrybutów zdarzeń, które są używane i mogą wystąpić na różnych etapach operacji przeciągania i upuszczania:
- Zdarzenia uruchomione na przeciąganym celu (element źródłowy) :
- ondragstart - uruchamia się, gdy użytkownik zaczyna przeciągać element
- ondrag - odpala, gdy element jest przeciągany
- ondragend - uruchamia się, gdy użytkownik zakończy przeciąganie elementu
- Zdarzenia wystrzeliwane na cel zrzutu:
- ondragenter - odpala, gdy przeciągnięty element trafi w cel upuszczania
- ondragover - odpala, gdy przeciągany element znajduje się nad celem upuszczania
- ondragleave - odpala, gdy przeciągnięty element opuści cel upuszczania
- ondrop - uruchamia się, gdy przeciągany element jest upuszczany na cel upuszczania
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje atrybut zdarzenia.
| Event Attribute | |||||
|---|---|---|---|---|---|
| ondragleave | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Składnia
<element ondragleave="script">
Wartości atrybutów
| Value | Description |
|---|---|
| script | The script to be run on ondragleave |
Szczegóły techniczne
| Obsługiwane tagi HTML: | WSZYSTKIE elementy HTML |
|---|
Powiązane strony
Samouczek HTML: przeciąganie i upuszczanie HTML5
Odniesienie HTML: przeciągany atrybut HTML
Odniesienie HTML DOM: zdarzenie ondragleave
❮ Atrybuty zdarzeń HTML