HTML -Ondrop- Ereignisattribut

Beispiel

Führen Sie ein JavaScript aus, wenn ein ziehbares Element in einem <div>-Element abgelegt wird:

Definition und Verwendung

Das ondrop-Attribut wird ausgelöst, wenn ein ziehbares Element oder eine Textauswahl auf einem gültigen Drop-Ziel abgelegt wird.

Drag & Drop ist eine sehr verbreitete Funktion in HTML5. Es ist, wenn Sie ein Objekt "greifen" und es an eine andere Stelle ziehen. Weitere Informationen finden Sie in unserem HTML-Tutorial zu HTML5 Drag and Drop .

Hinweis: Um ein Element ziehbar zu machen, verwenden Sie das globale HTML5 - Attribut Draggable .

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

Browser-Unterstützung

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

Event Attribute
ondrop	4.0	9.0	3.5	6.0	12.0

Syntax

<element ondrop="script">

Attributwerte

Value	Description
script	The script to be run on ondrop

Technische Details

Unterstützte HTML-Tags:	ALLE HTML-Elemente

HTML -Referenz

HTML Tags