draggable 属性ドラッグ可能かどうかを指定する

draggable 属性は、要素がドラッグ可能かどうかを指定します。

draggable 属性はグローバル属性に分類され、すべての HTML 要素において使用することができます。draggable 属性には、下記の値が指定できます。

属性値 概要
true ドラッグ可能
false ドラッグ不可
空白文字 auto として扱われます。ユーザエージェントの初期設定を反映

HTML5 仕様書においては、draggable="" が与えられた要素が img 要素、もしくは href 属性をもった a 要素だった場合は、draggable="true" として扱い、それ以外の要素に関しては draggable="false" として扱うことが求められています。

サンプルソースを見る

draggable 属性の仕様

この属性を使用できる要素
  • すべての HTML5 要素

draggable 属性のサンプルソース

<ul>
 <li draggable="true">サッカー</li>
 <li draggable="true">野球</li>
 <li draggable="true">水泳</li>
 <li draggable="true">マラソン</li>
</ul>

W3C HTML5 仕様書

7.7.7 The draggable attribute