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
- Alle globalen Attribute.