Neueste Web-Entwicklung Tutorials
 

HTML ondrop Attribute


Definition und Verwendung

Das ondrop Attribut wird ausgelöst , wenn ein verschiebbares Element oder Textauswahl auf ein gültiges Drop - Ziel fallen gelassen 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 - 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

Gilt für

Das ondrop Attribut ist Teil der Event - Attribute und können auf beliebigen HTML - Elemente verwendet werden.

Elements Event
Alle HTML-Elemente ondrop

Beispiel

Div Beispiel

Führen Sie einen JavaScript , wenn ein verschiebbares Element in einer fiel <div> Element:

<div ondrop="myFunction(event)"></div>
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
ondrop 4.0 9.0 3.5 6.0 12.0