HTMLElement: draggable プロパティ

Baseline Widely available

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

draggable は HTMLElement インターフェイスのプロパティで、要素がドラッグ可能かどうかを示す論理値プリミティブを取得または設定します。

これは、dragableHTML グローバル属性の値を反映します。 It reflects the value of the draggable HTML global attribute.

値

論理値プリミティブで、要素がドラッグ可能であれば true、そうでなければ false です。

例

次の例は、スクリプトによる要素のドラッグ機能を有効または無効にする方法を示しています。

const draggableElement = document.querySelector(".draggable-element");
const notDraggableElement = document.querySelector(".not-draggable-element");

// 対象とする要素のドラッグ機能を有効にする
if (!draggableElement.draggable) {
  draggableElement.draggable = true;
}

// 対象とする要素のドラッグ機能を無効にする
if (notDraggableElement.draggable) {
  notDraggableElement.draggable = false;
}