Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLElement : propriété draggable

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

La propriété draggable de l'interface HTMLElement permet d'obtenir ou de définir une valeur primitive Boolean indiquant si l'élément est déplaçable.

Elle reflète la valeur de l'attribut HTML universel draggable.

Valeur

Une valeur primitive Boolean qui vaut true si l'élément est déplaçable, sinon false.

Exemples

L'exemple suivant montre comment activer ou désactiver la possibilité de déplacer un élément avec un script :

js
const draggableElement = document.querySelector(".draggable-element");
const notDraggableElement = document.querySelector(".not-draggable-element");

// activer la possibilité de déplacer l'élément cible
draggableElement.draggable = true;

// désactiver la possibilité de déplacer l'élément cible
notDraggableElement.draggable = false;

Spécifications

Specification
HTML
# dom-draggable

Compatibilité des navigateurs

Voir aussi