draggable

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.

Das globale Attribut draggable ist ein Attribut, dass zeigt, ob das entsprechende Element auf einen anderen Ort gezogen werden kann. Es unterstützt die HTML Drag and Drop API. Folgende Werte sind erlaubt:

  • true, das Element kann gedraggt werden
  • false, das Element kann nicht gedraggt werden

Wurde das Attribut nicht gesetzt, wird als Wert auto angenommen. Das Drag-Verhalten des Elements wird dann durch den Browser bestimmt. 

Bei diesem Attribut handelt es sich nicht um einen booleschen Wert, true oder false muss explizit angegeben werden. Eine Kurzform wie beispielsweise <label draggable>Beispiel Label</label> ist nicht zulässig. Die korrekte Verwendung ist <label draggable="true">Beispiel Label</label>.

Nativ kann das Attribut draggable nur für Textauswahl, Bilder und Links verwendet werden. Bei allen anderen Elementen muss das ondragstart-Event gesetzt werden, um Drag & Drop Mechanismen verwendet zu können. Dieses Beispiel (englisch) enthält eine ausführlichere Beschreibung der Drag & Drop API und deren Verwendung. 

Spezifikationen

Spezifikation Status Kommentar
WHATWG HTML Living Standard
Die Definition von 'draggable' in dieser Spezifikation.
Lebender Standard Keine Änderung seit dem letztem Snapshot, HTML5.1
HTML5.1
Die Definition von 'draggable' in dieser Spezifikation.
Arbeitsentwurf Snapshot von WHATWG HTML Living Standard, initiale Definition

Browserkompatibilität

Eigenschaft Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Funktionalität (Ja) 2.0 (1.8.1) (Ja) (Ja) (Ja)
Eigenschaft Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Funktionalität (Ja) (Ja) 1.0 (1.8.1) (Ja) (Ja) (Ja)

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: schlagi123, RmnWtnkmp, rstarke-dd
 Zuletzt aktualisiert von: schlagi123,