draggable

draggable グローバル属性列挙型属性で、要素がブラウザーの既定の動作と HTML ドラッグ&ドロップ APIのどちらの動作でドラッグできるかを示します。

draggable 属性は、厳密には HTML 名前空間に属する要素に適用することができ、これは SVG には適用できないことを意味します。 名前空間宣言がどのようなもので、何をするのかについては、名前空間の速修講座を参照してください。

draggable は以下の値を取ることができます。

  • true: 要素がドラッグ可能であることを示す
  • false: 要素はドラッグ不可であることを示す

警告: この属性は 列挙型 であり、論理属性 ではありません。 true または false の値が必須であり、 <img draggable> のような省略形は認められません。正しい使用法は <img draggable="false"> です。

この属性が設定されなかった場合の既定値は auto であり、ブラウザーの既定のドラッグ動作であることを意味します。テキストの選択範囲、画像、リンクのみがドラッグ可能です。他の要素でドラッグ&ドロップできるようにするためには ondragstart イベントを設定する必要があります(こちらの包括的なサンプルにあるように)。

仕様書

Specification
HTML Standard
# the-draggable-attribute

ブラウザーの互換性

BCD tables only load in the browser

関連情報