draggable

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

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

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

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

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

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

仕様書

Specification
HTML
# the-draggable-attribute

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
draggable

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報