Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. HTML
  3. リファレンス
  4. グローバル属性
  5. draggable

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。

View in EnglishAlways switch to English

HTML draggable グローバル属性

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

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

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

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

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

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

仕様書

Specification
HTML
# the-draggable-attribute

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp