HTML -ondragend- Attribut


Definition und Verwendung

Das ondragendAttribut wird ausgelöst, wenn der Benutzer das Ziehen eines Elements oder einer Textauswahl beendet hat.

Um mehr über Drag-and-Drop zu erfahren, lesen Sie unser HTML-Tutorial zu HTML5 Drag-and-Drop .

Tipp: Links und Bilder sind standardmäßig ziehbar und benötigen das draggableAttribut nicht.

Es gibt viele Ereignisattribute, die in den verschiedenen Phasen eines Drag-and-Drop-Vorgangs verwendet werden und auftreten können:

  • Auf dem ziehbaren Ziel (dem Quellelement) ausgelöste Ereignisse :
    • ondragstart - wird ausgelöst, wenn der Benutzer beginnt, ein Element zu ziehen
    • ondrag - wird ausgelöst, wenn ein Element gezogen wird
    • ondragend - wird ausgelöst, wenn der Benutzer das Ziehen des Elements beendet hat

  • Auf dem Drop-Target ausgelöste Ereignisse:
    • ondragenter - wird ausgelöst, wenn das gezogene Element das Ablageziel erreicht
    • ondragover - wird ausgelöst, wenn sich das gezogene Element über dem Ablageziel befindet
    • ondragleave - wird ausgelöst, wenn das gezogene Element das Ablageziel verlässt
    • ondrop - wird ausgelöst, wenn das gezogene Element auf dem Ablageziel abgelegt wird

Gilt für

Das ondragendAttribut ist Teil der Ereignisattribute und kann für beliebige HTML-Elemente verwendet werden.

Elemente Fall
Alle HTML-Elemente zwielichtig

Beispiel

P Beispiel

Führen Sie ein JavaScript aus, wenn der Benutzer das Ziehen eines <p>-Elements beendet hat:

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignisattribut vollständig unterstützt.

Event Attribute
ondragend 4.0 9.0 3.5 6.0 12.0