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

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

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

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

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

仕様書

仕様書 状態 備考
HTML Living Standard
draggable の定義
現行の標準 最新のスナップショットである HTML 5.1 から変更なし。
HTML 5.2
draggable の定義
勧告 変更なし
HTML 5.1
draggable の定義
勧告 HTML Living Standard のスナップショット、初回定義。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
draggableChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 2IE 完全対応 ありOpera 完全対応 12Safari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, mdnwebdocs-bot, silverskyvicto, yyss, hamasaki
最終更新者: mfuji09,