Attribut DRAGGABLE
Rôle
L’attribut draggable est utilisé pour autoriser ou pas le déplacement d’un élément HTML : il permet de faire des opérations de ‘glisser-déposer’.
Testez vous-même cette balise
Utilisez Codepen
Voici le resultat
Dans cet exemple vous pouvez déplacer le rectangle orange vers le rectangle jaune et le déposer dedans. Appuyer sur le bouton RERUN (en bas à droite de la zone) pour recommencer.
Le code Javascript nécessaire pour changer de place le rectangle orange
Le code CSS pour la présentation des rectangles
Compatibilité
L’attribut draggable fonctionne sur Internet Explorer qu’à partir de IE-9.
Informations
Le texte sélectionné, les images et les liens sont déplaçables par défaut
L’attribut draggable s’emploie avec le langage Javascript
Valeurs possible de l’attribut draggable :
-
- draggable=’true’ : autorise le déplacement
- draggable=’false’ : interdit le déplacement
- draggable=’auto’ : utilise le comportement par défaut du navigateur
Voir les autres attributs globaux
accesskey– class– contenteditable– contextmenu– data-*– dir– draggable– dropzone– hidden– id– lang–spellcheck– style– tabindex– title– translate
