HTMLElement: draggable プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。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;
}