例
ドラッグ可能な要素がでドロップされたときにJavaScriptを実行する<div>要素:
<div ondrop="myFunction(event)"></div>
»それを自分で試してみてください 定義と使用法
ondropドラッグ可能な要素やテキストの選択が有効なドロップターゲットにドロップされたとき火属性。
ドラッグ&ドロップは、HTML5で非常に共通の特徴です。 あなたがオブジェクトを「つかむ」と別の場所にドラッグしたときです。 詳細については、上の私たちのHTMLチュートリアルを参照してくださいHTML5のドラッグ&ドロップを 。
注意:要素がドラッグできるようにするには、グローバルHTML5を使用draggable属性を。
ヒント:リンクや画像は、デフォルトでドラッグ可能であり、必要のないdraggable属性を。
ドラッグ&ドロップ操作の異なる段階で、そこに使用される多くのイベント属性があり、発生する可能性があります。
- ドラッグ可能なターゲット (ソース要素) に発砲イベント :
- ondragstart -火災ユーザーが要素をドラッグを開始
- ondrag -要素がドラッグされている火災
- ondragend -ユーザーが要素をドラッグし終えた火災
- ドロップターゲットに発砲イベント:
- ondragenter -火災ドラッグされた要素がドロップターゲットに入ります
- ondragover -火災ドラッグされた要素がドロップターゲット上にあります
- ondragleave -火災ドラッグされた要素がドロップターゲットを残します
- ondrop -火災ドラッグされた要素をドロップターゲットにドロップされました
ブラウザのサポート
表中の数字は完全にサポートする最初のブラウザのバージョンを指定event属性を。
イベント属性 | |||||
---|---|---|---|---|---|
ondrop | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
HTML 4.01とHTML5の違い
ondrop属性はHTML5で新しく追加されました。
構文
<elementondrop=" script ">
属性値
値 | 説明 |
---|---|
script | ondrop上で実行するスクリプト |
技術的詳細
サポートされているHTMLタグ: | すべてのHTML要素 |
---|
関連ページ
HTMLチュートリアル: HTML5ドラッグ&ドロップ
HTMLリファレンス: HTML draggable属性
HTML DOMリファレンス: ondropイベント