HTML -ondragover- Attribut

Definition und Verwendung

Das Attribut ondragover wird ausgelöst, wenn ein ziehbares Element oder eine Textauswahl über ein gültiges Ablageziel gezogen wird.

Standardmäßig können Daten/Elemente nicht in anderen Elementen abgelegt werden. Um einen Drop zuzulassen, müssen wir die Standardbehandlung des Elements verhindern. Dazu wird die Methode event.preventDefault() für das Attribut ondragover aufgerufen.

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

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

Gilt für

Das ondragover-Attribut 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.