HTML ondrag Ereignisattribut

Beispiel

Führen Sie einen JavaScript , wenn ein <p> Element gezogen wird:

Definition und Verwendung

Das ondrag Attribut wird ausgelöst , wenn ein Element oder eine Textauswahl gezogen wird.

Drag & Drop ist ein sehr häufiges Merkmal in HTML5. Es ist, wenn Sie ein Objekt "greifen" und es an eine andere Position ziehen. Weitere Informationen finden Sie in unserem HTML - Tutorial auf HTML5 Drag and Drop .

Hinweis: Um ein Element ziehbar machen, verwenden Sie die globale HTML5 draggable Attribut.

Tipp: Links und Bilder sind ziehbar standardmäßig und nicht die Notwendigkeit draggable Attribut.

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

Events gefeuert auf dem ziehbar Ziel (das Quellelement):
- ondragstart - wird ausgelöst , wenn der Benutzer beginnt , ein Element zu ziehen
- ondrag - ausgelöst wird, wenn ein Element in die Länge gezogen
- ondragend - wird ausgelöst , wenn der Benutzer beendet das Element ziehen

Veranstaltungen auf dem Drop - Ziel gefeuert:
- ondragenter - ausgelöst wird, wenn das gezogene Element das Drop - Ziel gelangt
- ondragover - ausgelöst wird, wenn das gezogene Element über das Drop - Ziel ist
- ondragleave - ausgelöst wird, wenn das gezogene Element das Drop - Ziel verlässt
- ondrop - ausgelöst wird, wenn das gezogene Element auf dem Drop - Ziel fallen gelassen wird

Hinweis: Während ein Element ziehen, das ondrag Ereignis ausgelöst alle 350 Millisekunden.

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser - Version, die die voll unterstützt event - Attribut.

Ereignisattribut
ondrag	4.0	9.0	3.5	6.0	12.0

Unterschiede zwischen HTML 4.01 und HTML5

Das ondrag Attribut ist neu in HTML5.

Syntax

<elementondrag=" script ">

Werte Attribut

Wert	Beschreibung
script	Das Skript ausgeführt werden soll auf ondrag

Technische Details

Unterstützte HTML-Tags:	Alle HTML-Elemente

HTML Referenz

HTML Tags