Atrybuty HTML – atrybut ondragleave

Definicja, przeznaczenie i użycie atrybutu ondragleave

Atrybut ondragleave jest uruchamiany, gdy przeciągany element lub zaznaczenie tekstu pozostawia prawidłowy cel upuszczania.

Zdarzenia ondragenter i ondragleave mogą pomóc użytkownikowi zrozumieć, że element, który można przeciągać, wkrótce wejdzie do celu upuszczenia lub go opuści. Można to zrobić, na przykład, ustawiając kolor tła, gdy przeciągany element wchodzi do celu upuszczania i usuwając kolor, gdy element jest usuwany z celu.

Atrybut ondragleave jest uruchamiany, gdy użytkownik zakończy przeciąganie elementu lub zaznaczenia tekstu.

Wskazówka: linki i obrazy są domyślnie możliwe do przeciągania i nie wymagają one atrybutu draggable.

Istnieje wiele atrybutów zdarzeń, które są używane i mogą wystąpić na różnych etapach operacji przeciągania i upuszczania:

• Zdarzenia uruchamiane na celu, który można przeciągać (element źródłowy):
  • ondragstart - uruchamia się, gdy użytkownik zaczyna przeciągać element
  • ondrag - uruchamia się, gdy element jest przeciągany
  • ondragend - uruchamia się, gdy użytkownik zakończy przeciąganie elementu

• Zdarzenia uruchamiane w celu upuszczenia:
  • ondragleave - uruchamia się, gdy przeciągany element trafia do celu upuszczenia,
  • ondragover -uruchamia się, gdy przeciągany element znajduje się nad celem upuszczenia,
  • ondragleave -uruchamia się, gdy przeciągnięty element opuści cel upuszczenia,
  • ondrop - uruchamia się, gdy przeciągnięty element zostanie upuszczony na element docelowy upuszczania.

Zastosowanie atrybutu ondragleave

Atrybut ondragleave można zastosować w następującym elemencie:

Wsparcie przeglądarek dla atrybutu ondragleave

Atrybut ondragleave ma następującą obsługę przeglądarek:

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą ten atrybut zdarzenia.

Atrybut zdarzenia
ondragleave	4.0	9.0	3.5	6.0	12.0

Przykładowe zastosowania atrybutu ondragleave