draggable

Das draggable globale Attribut ist ein aufzählbares Attribut, das angibt, ob das Element gezogen werden kann, entweder mit dem nativen Browser-Verhalten oder der HTML Drag and Drop API.

Das Attribut draggable kann auf Elemente angewendet werden, die streng genommen zum HTML-Namespace gehören, was bedeutet, dass es nicht auf SVGs angewendet werden kann. Für weitere Informationen darüber, wie Namespace-Deklarationen aussehen und was sie bewirken, siehe Namespace Crashkurs.

draggable kann die folgenden Werte haben:

  • true: Das Element kann gezogen werden.
  • false: Das Element kann nicht gezogen werden.

Warnung: Dieses Attribut ist aufzählbar und nicht Boolean. Ein Wert von true oder false ist zwingend erforderlich, und Kurzschreibweisen wie <img draggable> sind verboten. Die korrekte Verwendung ist <img draggable="false">.

Wenn dieses Attribut nicht gesetzt ist, ist sein Standardwert auto, was bedeutet, dass das Ziehverhalten das Standard-Browser-Verhalten ist: Nur Textauswahlen, Bilder und Links können gezogen werden. Für andere Elemente muss das Event ondragstart gesetzt werden, damit Ziehen und Ablegen funktioniert, wie in diesem umfassenden Beispiel gezeigt.

Spezifikationen

Specification
HTML
# the-draggable-attribute

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
draggable

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch