Beispiel
Führen Sie einen JavaScript , wenn der Benutzer fertig ist ein Ziehen <p> Element:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
Versuch es selber " Definition und Verwendung
Das ondragend Attribut wird ausgelöst , wenn der Benutzer ein Element oder Textauswahl abgeschlossen ist ziehen.
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
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser - Version, die die voll unterstützt event - Attribut.
Ereignisattribut | |||||
---|---|---|---|---|---|
ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Unterschiede zwischen HTML 4.01 und HTML5
Das ondragend Attribut ist neu in HTML5.
Syntax
<elementondragend=" script ">
Werte Attribut
Wert | Beschreibung |
---|---|
script | Das Skript ausgeführt werden soll auf ondragend |
Technische Details
Unterstützte HTML-Tags: | Alle HTML-Elemente |
---|
Verwandte Seiten
HTML - Tutorial: HTML5 Drag and Drop
HTML Referenz: HTML ziehbar Attribut
HTML - DOM Referenz: ondragend Ereignis