HTMLElement: draggable 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLElement 接口的 draggable 属性用于获取和设置一个 Boolean 原生值,该值指示元素是否可拖动。

它反映了 draggable HTML 全局属性的值。

一个 Boolean 原生值,如果元素可拖动,则为 true,否则为 false

示例

以下示例演示了如何通过脚本启用或禁用元素的拖动功能。

js
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;

规范

规范
HTML
# dom-draggable

浏览器兼容性

另见