draggable

L'attribut universel draggable est un attribut à valeur contrainte qui indique si l'élément peut être déplacé avec la souris dans un geste de glisser-déposer lorsqu'on utilise l'API Drag & Drop ou les fonctionnalités natives du navigateur. Les valeurs autorisées pour cet attribut sont les suivantes :

  • true : qui indique que l'élément peut être déplacé à la souris
  • false : qui indique que l'élément ne peut pas être déplacé à la souris

Si l'attribut n'est pas défini, la valeur par défaut sera auto : le comportement de l'élément sera celui spécifié par défaut par le navigateur.

Cet attribut est un attribut à valeur contrainte, ce n'est pas un attribut booléen. Il faut donc utiliser une valeur explicite true ou false. La notation raccourcie <img draggable> (utilisant uniquement le nom de l'attribut) ne fonctionnera pas :

html
<label draggable>Label exemple</label>

En revanche, on pourra correctement utiliser :

html
<label draggable="true">Label exemple</label>

Par défaut, seules les sélections de texte, les images et les liens peuvent être déplacés à la souris. Pour les autres éléments, il faudra définir le gestionnaire d'événements pour ondragstart afin de faire fonctionner le glisser-déposer. Cela est illustré dans cet exemple.

Spécifications

Specification
HTML Standard
# the-draggable-attribute

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi