Najnowsze tutoriale tworzenie stron internetowych
 

HTML ondragleave Atrybut Zdarzenie

<HTML Atrybuty zdarzeń

Przykład

Wykonuje JavaScript gdy przeciągany element zostanie przeniesiony poza cel rozwijanej:

<div ondragleave="myFunction(event)"></div>
Spróbuj sam "

Definicja i Wykorzystanie

ondragleave przypisują pożarów gdy przeciągany pierwiastek albo zaznaczenie tekstu pozostawia ważny cel upuszczania.

Ondragenter i ondragleave zdarzenia mogą pomóc użytkownikowi zrozumieć, że przeciągany element ma zamiar wejść lub wyjść cel upuszczania. Może to być zrobione, na przykład, wyznaczając kolor tła, gdy element przeciągany wkracza obiekt docelowy i usuwanie zabarwienia, gdy element przemieszcza się na zewnątrz od tarczy.

Przeciągnij i upuść jest bardzo częstym elementem w HTML5. To jest, kiedy "chwycić" obiekt i przeciągnąć go do innej lokalizacji. Aby uzyskać więcej informacji, zobacz nasz poradnik HTML na HTML5 przeciągnij i upuść .

Uwaga: Aby element przyciągany, użyj globalnego HTML5 draggable atrybut.

Wskazówka: Łącza i obrazy są przeciągane domyślnie i nie potrzebują draggable atrybut.

Istnieje wiele atrybutów zdarzeń, które są stosowane, i mogą występować w różnych etapach operacji przeciągania i upuszczania:

  • Wydarzenia opalane na Draggable docelową (pierwiastka źródło):
    • ondragstart - pożary, gdy użytkownik zacznie przeciągnij element
    • ondrag - pożary, gdy element jest przeciągany
    • ondragend - pożary, gdy użytkownik zakończy przeciągając element

  • Wydarzenia opalane na tarczy drop:
    • ondragenter - pożary, gdy zaciągnął elementem wchodząc cel upuszczania
    • ondragover - odpala, gdy jest elementem przeciągnięty nad celem rozwijanej
    • ondragleave - pożary, gdy zaciągnął elementem pozostawia cel upuszczania
    • ondrop - pożary, gdy przeciągany element zostanie zrzucona na cel upuszczenia

Pomoc Browser

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje event atrybut.

Atrybut Zdarzenie
ondragleave 4,0 9,0 3,5 6,0 12,0

Różnice między HTML 4.01 i HTML5

ondragleave atrybutem jest nowego w HTML5.


Składnia

<elementondragleave=" script ">

wartości atrybutów

Wartość Opis
script Skrypt do uruchomienia na ondragleave

Szczegóły techniczne

Obsługiwane znaczniki HTML: Wszystkie elementy HTML

Podobne strony

Kurs HTML: HTML5 Drag and Drop

HTML Reference: HTML przeciągany Atrybut

HTML DOM: ondragleave Event


<HTML Atrybuty zdarzeń