Atrybut ondragleave HTML


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.

Aby dowiedzieć się więcej o przeciąganiu i upuszczaniu, przeczytaj nasz samouczek HTML dotyczący przeciągania i upuszczania 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

Dotyczy

Atrybut ondragleave jest częścią atrybutów zdarzenia i może być używany w dowolnych elementach HTML.

Elementy Wydarzenie
Wszystkie elementy HTML ondragleave

Przykład

Przykład dywizji

Wykonaj JavaScript, gdy element do przeciągania zostanie przeniesiony z miejsca docelowego upuszczania:

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

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