HTMLElement: draggable 属性

draggable 属性是 HTMLElement 接口的属性，用于获取和设置一个 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
if (!draggableElement.draggable) {
  draggableElement.draggable = true;
}

// disable the target element's ability to drag
if (notDraggableElement.draggable) {
  notDraggableElement.draggable = false;
}

规范

规范
HTML 标准
# dom-draggable

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅