Atrybut zdarzenia ondragenter HTML

❮ Atrybuty zdarzeń HTML

Definicja i użycie

Atrybut ondragenter jest uruchamiany, gdy przeciągany element lub zaznaczony tekst wejdzie w 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.

Składnia

Wartości atrybutów

Szczegóły techniczne

Powiązane strony

Samouczek HTML: przeciąganie i upuszczanie HTML5

Odniesienie HTML: przeciągany atrybut HTML

HTML DOM Reference: ondragenter Event