HTML -ondragleave- Attribut

Definition und Verwendung

Das ondragleave-Attribut wird ausgelöst, wenn ein ziehbares Element oder eine Textauswahl ein gültiges Drop-Ziel verlässt.

Die ondragenter- und ondragleave-Ereignisse können dem Benutzer helfen zu verstehen, dass ein ziehbares Element dabei ist, in ein Drop-Ziel einzutreten oder es zu verlassen. Dies kann beispielsweise durch Festlegen einer Hintergrundfarbe erfolgen, wenn das ziehbare Element in das Ablageziel eintritt, und durch Entfernen der Farbe, wenn das Element aus dem Ziel herausbewegt wird.

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 Attribut ziehbar 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 Attribut ondragleave ist Teil der Ereignisattribute und kann für beliebige HTML-Elemente verwendet werden.

Beispiel

Browser-Unterstützung

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