Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

draggable HTML-Globalattribut

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

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

Das draggable-Attribut kann auf Elemente angewendet werden, die strikt unter die HTML-Namespace fallen, was bedeutet, dass es nicht auf SVGs angewendet werden kann. Weitere Informationen darüber, wie Namespace-Deklarationen aussehen und was sie bewirken, finden Sie im 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 eine Abkürzung wie <img draggable> ist verboten. Die korrekte Verwendung lautet <img draggable="true">.

Wenn dieses Attribut nicht gesetzt ist, hat es den Standardwert auto, was bedeutet, dass das Ziehverhalten das Standardverhalten des Browsers ist: Nur Textauswahlen, Bilder und Links können gezogen werden. Für andere Elemente muss das Ereignis ondragstart gesetzt werden, damit Drag-and-Drop funktioniert, wie in diesem umfassenden Beispiel gezeigt wird.