Atrybut ondragenda HTML


Definicja i użycie

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

Aby dowiedzieć się więcej o przeciąganiu i upuszczaniu, przeczytaj nasz samouczek HTML dotyczący przeciągania i upuszczania HTML5 .

Porada: Łącza i obrazy można domyślnie przeciągać i nie wymagają one draggableatrybutu.

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- odpala, gdy użytkownik zaczyna przeciągać element
    • ondrag- odpala, gdy element jest przeciągany
    • ondragend- odpala, gdy użytkownik zakończy przeciąganie elementu

  • Zdarzenia wystrzeliwane na cel zrzutu:
    • ondragenter- odpala, gdy przeciągnięty element wejdzie 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- odpala, gdy przeciągnięty element zostanie upuszczony na cel upuszczania

Dotyczy

Atrybut jest ondragendczęścią atrybutów zdarzenia i może być używany w dowolnych elementach HTML.

Elementy Wydarzenie
Wszystkie elementy HTML ondragend

Przykład

P Przykład

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

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

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