Neueste Web-Entwicklung Tutorials
 

HTML ondrag Ereignisattribut

<HTML Event - Attribute

Beispiel

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

<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
Versuch es selber "

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

Verwandte Seiten

HTML - Tutorial: HTML5 Drag and Drop

HTML Referenz: HTML ziehbar Attribut

HTML - DOM Referenz: ondrag Ereignis


<HTML Event - Attribute