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:
js
const draggableElement = document.querySelector(".draggable-element");
const notDraggableElement = document.querySelector(".not-draggable-element");
// enable the target element's ability to drag
if (!draggableElement.draggable) {
draggableElement.draggable = true;
}
// disable the target element's ability to drag
if (notDraggableElement.draggable) {
notDraggableElement.draggable = false;
}
Specifications
Specification |
---|
HTML Standard # dom-draggable |
Browser compatibility
BCD tables only load in the browser
See also
draggable
HTML global attribute- HTML Drag and Drop API overview