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 sourisfalse: 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) |