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 :

<label draggable>Label exemple</label>

En revanche, on pourra correctement utiliser :

<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.