Atrybuty HTML – atrybut ondragover

Definicja, przeznaczenie i użycie atrybutu ondragover

Atrybut ondragover jest uruchamiany, gdy przeciągany element lub zaznaczenie tekstu są przeciągane na prawidłowy cel upuszczania.

Domyślnie danych / elementów nie można upuszczać w innych elementach. Aby umożliwić upuszczenie, musimy zapobiec domyślnej obsłudze elementu. Odbywa się to poprzez wywołanie metody event.preventDefault () dla atrybutu ondragover.

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:
  • ondragover - uruchamia się, gdy przeciągany element trafia do celu upuszczenia,
  • ondragover -uruchamia się, gdy przeciągany element znajduje się nad celem upuszczenia,
  • ondragover -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 ondragover

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

Wsparcie przeglądarek dla atrybutu ondragover

Atrybut ondragover 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
ondragover	4.0	9.0	3.5	6.0	12.0

Przykładowe zastosowania atrybutu ondragover