web api instance property
HTMLElement: draggable property
The draggable property of the HTMLElement interface gets and sets a Boolean primitive indicating if the element is draggable.
It reflects the value of the draggable HTML global attribute.
Value
A Boolean primitive that is true if the element is draggable, false otherwise.
Examples
The following example shows how to enable or disable the element’s ability to drag via script:
const draggableElement = document.querySelector(".draggable-element");
const notDraggableElement = document.querySelector(".not-draggable-element");
// enable the target element's ability to drag
draggableElement.draggable = true;
// disable the target element's ability to drag
notDraggableElement.draggable = false;
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
draggableHTML global attribute- HTML Drag and Drop API overview