HTML ondragleave Attribute

定義と使用法

ondragleaveドラッグ可能な要素やテキストの選択が有効なドロップターゲットを残し属性が発生します。

ondragenterとondragleaveイベントは、ユーザーがドラッグ可能な要素が入力するか、ドロップターゲットを残すことを約あることを理解するのに役立ちます。 これは、例えば、ドラッグ可能要素をドロップターゲットに入射する背景色を設定し、要素が標的から移動された色を除去することによって行うことができます。

ドラッグ＆ドロップの詳細については、上の私たちのHTMLチュートリアル読んでHTML5のドラッグ＆ドロップを 。

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

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

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


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

に適用されます

ondragleave属性はの一部であるイベント属性 、および任意のHTML要素で使用することができます。

例

ブラウザのサポート

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