HTMLリファレンスマニュアル

HTMLタグ全一覧

HTML dropzone属性

dropzone 全局属性は、要素にドラッグ＆ドロップAPIを使用してどのようなコンテンツタイプがドラッグ＆ドロップ可能かを示すエンマージュ属性です。コピー、それによりドラッグアクションがドラッグされた要素のコピーを作成します。移動、それによりドラッグされた要素が新しい位置に移動します。リンク、それによりドラッグされたデータのリンクが作成されます。

HTMLグローバル属性

オンラインサンプル

データをドラッグすると、ドラッグされたデータのコピーが生成されます：

<div　dropzone="copy"></div>

ブラウザの互換性

IEFirefoxOperaChromeSafari

dropzone 属性は主要なブラウザでサポートされていません。

定義と使用法

dropzone 属性は、ドラッグされたデータが要素にドロップされたときに、コピー、移動、リンクされるかどうかを定義します。

HTML 4.01 と HTML5の違い

dropzone 属性は HTML5 の中の新しい属性。

文法

　　 <要素 dropzone="copy|move|link">

属性値

値	説明
コピー	データをドラッグすると、ドラッグされたデータのコピーが生成されます。
移動	データをドラッグすると、ドラッグされたデータが新しい位置に移動します。
リンク	データをドラッグすると、元のデータへのリンクが生成されます。

HTMLグローバル属性

HTML: <template> タグ