draggable

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

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
WHATWG HTML Living Standard
La définition de 'draggable' dans cette spécification.
Standard évolutif Aucune modification depuis la dernière dérivation, HTML5.1
HTML5.1
La définition de 'draggable' dans cette spécification.
Version de travail Dérivée de WHATWG 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,