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

HTML ondragendイベント属性

<HTMLイベント属性

ユーザーがドラッグを終了したときにJavaScriptを実行する<p>要素を:

<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
»それを自分で試してみてください

定義と使用法

ondragendユーザーが要素またはテキスト選択をドラッグを終了したときに火災を属性。

ドラッグ&ドロップは、HTML5で非常に共通の特徴です。 あなたがオブジェクトを「つかむ」と別の場所にドラッグしたときです。 詳細については、上の私たちのHTMLチュートリアルを参照してくださいHTML5のドラッグ&ドロップを

注意:要素がドラッグできるようにするには、グローバルHTML5を使用draggable属性を。

ヒント:リンクや画像は、デフォルトでドラッグ可能であり、必要のないdraggable属性を。

ドラッグ&ドロップ操作の異なる段階で、そこに使用される多くのイベント属性があり、発生する可能性があります。

  • ドラッグ可能なターゲット (ソース要素) に発砲イベント
    • ondragstart -火災ユーザーが要素をドラッグを開始
    • ondrag -要素がドラッグされている火災
    • ondragend -ユーザーが要素をドラッグし終えた火災

  • ドロップターゲットに発砲イベント:
    • ondragenter -火災ドラッグされた要素がドロップターゲットに入ります
    • ondragover -火災ドラッグされた要素がドロップターゲット上にあります
    • ondragleave -火災ドラッグされた要素がドロップターゲットを残します
    • ondrop -火災ドラッグされた要素をドロップターゲットにドロップされました

ブラウザのサポート

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

イベント属性
ondragend 4.0 9.0 3.5 6.0 12.0

HTML 4.01とHTML5の違い

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


構文

<elementondragend=" script ">

属性値

説明
script ondragend上で実行するスクリプト

技術的詳細

サポートされているHTMLタグ: すべてのHTML要素

関連ページ

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

HTMLリファレンス: HTML draggable属性

HTML DOMリファレンス: ondragendイベント


<HTMLイベント属性