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