このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
HTML draggable グローバル属性
draggableグローバル属性 は列挙型属性で、要素がブラウザーの既定の動作とHTML ドラッグ&ドロップ APIのどちらの動作でドラッグできるかを示します。
draggable 属性は、厳密にはHTML 名前空間に属する要素に適用することができ、これはSVG には適用できないことを意味します。名前空間宣言がどのようなもので、何をするのかについては、名前空間の速修講座を参照してください。
draggable は以下の値を取ることができます。
true: 要素がドラッグ可能であることを示します。false: 要素はドラッグ不可であることを示します。
警告:この属性は列挙型 であり、論理属性 ではありません。true またはfalse の値が必須であり、<img draggable> のような省略形は認められません。正しい使用法は<img draggable="true"> です。
この属性が設定されなかった場合の既定値はauto であり、ブラウザーの既定のドラッグ動作であることを意味します。テキストの選択範囲、画像、リンクのみがドラッグ可能です。他の要素でドラッグ&ドロップできるようにするためにはondragstart イベントを設定する必要があります(こちらの包括的なサンプルにあるように)。
In this article
仕様書
| Specification |
|---|
| HTML> # the-draggable-attribute> |
ブラウザーの互換性
関連情報
- すべてのグローバル属性。