HTML

HyperText Markup Language draggable attribute.

draggable 属性

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


<img src="sample.gif" alt="SAMPLE" draggable="false" title="ドラッグ不可">

draggable=""
ドラッグが可能かどうか
true
ドラッグ可能
false
ドラッグ不可

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

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

【title属性の指定】

 HTML 5.1の仕様書では、「draggable属性を持つ要素は、非視覚的なやりとりのために title属性で名付けるべき」としています。

※これは、「その要素がドラッグ可能であるかどうかを、title属性を使って識別できるようにしておく」という意味になるかと思います。

【指定できる要素】

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