Atrybut zdarzenia ondragend HTML

❮ Atrybuty zdarzeń HTML

Przykład

Wykonaj JavaScript, gdy użytkownik zakończy przeciąganie elementu <p>:

<p draggable="true" ondragend="myFunction(event)">Drag me!</p>

Definicja i użycie

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

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.

Event Attribute
ondragend 4.0 9.0 3.5 6.0 12.0

Składnia

<element ondragend="script">

Wartości atrybutów

Value Description
script The script to be run on ondragend

Szczegóły techniczne

Obsługiwane tagi HTML: WSZYSTKIE elementy HTML

Powiązane strony

Samouczek HTML: przeciąganie i upuszczanie HTML5

Odniesienie HTML: przeciągany atrybut HTML

Odniesienie HTML DOM: zdarzenie ondragend


❮ Atrybuty zdarzeń HTML