最新のWeb開発のチュートリアル
 

HTML draggable Attribute


ドラッグ可能段落:

<p draggable="true">This is a draggable paragraph.</p>
»それを自分で試してみてください

定義と使用法

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

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

ヒント: draggable属性は、多くの場合、ドラッグ&ドロップ操作で使用されています。私たちの読むHTMLのドラッグ・アンド・チュートリアルをドロップの詳細を学ぶために。


ブラウザのサポート

表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。

属性
draggable 4.0 9.0 3.5 6.0 12.0

HTML 4.01とHTML5の違い

draggable属性はHTML5で新しく追加されました。


構文

<elementdraggable="true|false|auto">

属性値

説明
true 要素がドラッグ可能であることを指定します
false ドラッグ可能ではないの要素ことを指定します
auto ブラウザのデフォルトの動作を使用しています

関連ページ

HTMLチュートリアル: HTML属性

HTMLチュートリアル: HTML5ドラッグ&ドロップ

JavaScriptのリファレンス: ondragイベントondrag