HTMLのdraggable属性

定義と使用法

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

ヒント：リンクと画像はデフォルトでドラッグ可能です。

ヒント：draggable 属性はドラッグ＆ドロップ操作でよく使用されます。詳しくは、私たちのドラッグ＆ドロップチュートリアルを学んでください。

も参照してください：

HTML 教程：HTML 属性

HTML 教程：HTML5 拖放

JavaScript 参考マニュアル：ondrag イベント

例

ドラッグ可能な段落：

<p draggable="true">これはドラッグ可能な段落です。</p>

実際に試してみてください

構文

<element draggable="true|false|auto">

属性値

値 説明
true 要素がドラッグ可能と指定されます。
false 要素がドラッグ不可と指定されます。
auto ブラウザのデフォルトの動作を使用します。

ブラウザのサポート

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 6.0 12.0