draggable=""

更新日
仕様 HTML Living Standard
分類 グローバル属性

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


<img src="sample.gif" alt="SAMPLE" draggable="false">
属性 値
グローバル属性
draggable="" ドラッグが可能かどうか true ドラッグ可能
false ドラッグ不可

この属性を省略した場合は、ブラウザ側のデフォルトの挙動が使用されます。

  • 一般的には、選択されたテキスト、img要素、href属性が指定されたa要素がドラッグ可能となり、それ以外の要素はドラッグ不可になるようです。

title属性の指定

仕様書では、draggable属性を持つ要素は、非視覚的な相互作用の目的で、要素に名前を付けるtitle属性を持つべきである としています。

  • 上記については、意味を正確に読み取ることができませんでした。（理解できたら追記します）

指定できる要素

draggable属性はグローバル属性のため、全てのHTML要素に指定することができます。

  • ただし、属性と要素の組み合わせによっては効果がない場合もあります。
旧HTMLからの変更点
  • HTML5.1：draggable属性が定義されました。

使用例


<p><img src="sample.png" alt="SAMPLE"> 一般的にはドラッグ可能</p>
<p><img src="sample.png" alt="SAMPLE" draggable="false"> ドラッグ不可</p>

<p>一般的にはドラッグ不可</p>
<p draggable="true">ドラッグ可能</p>
表示例

SAMPLE 一般的にはドラッグ可能

SAMPLE ドラッグ不可

一般的にはドラッグ不可

ドラッグ可能