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

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'draggable' dans cette spécification.
Standard évolutif Aucune modification depuis la dernière dérivation, HTML 5.1
HTML 5.1
La définition de 'draggable' dans cette spécification.
Recommendation Dérivée de HTML Living Standard, définition initiale

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) 2.0 (1.8.1) (Oui) (Oui) (Oui)
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) (Oui) 1.0 (1.8.1) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,