HTML -ondrag- Attribut

Definition und Verwendung

Das ondragAttribut wird ausgelöst, wenn ein Element oder eine Textauswahl gezogen 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 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

Hinweis: Beim Ziehen eines Elements wird das ondragEreignis alle 350 Millisekunden ausgelöst.

Gilt für

Das ondragAttribut 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.