Definition und Verwendung
Das ondrag Attribut wird ausgelöst , wenn ein Element oder eine Textauswahl gezogen wird.
Um zu erfahren , Drag and Drop, lesen Sie unsere HTML - Tutorial auf HTML5 Drag and Drop .
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
- fires when an element is being dragged - 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.
Gilt für
Das ondrag Attribut ist Teil der Event - Attribute und können auf beliebigen HTML - Elemente verwendet werden.
| Elements | Event |
|---|---|
| Alle HTML-Elemente | ondrag |
Beispiel
P Beispiel
Führen Sie einen JavaScript , wenn ein <p> Element gezogen wird:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p> Versuch es selber " 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 |