HTMLElement: draggable property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

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;