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
関連情報
- すべての グローバル属性。