ondragleave 属性は、ドラッグ可能な要素やテキストの選択範囲が有効なドロップターゲットから離れるときに発火します。
ondragenter と ondragleave イベントは、ドラッグ可能な要素がドロップターゲットに入ろうとしているのか、 または離れようとしているのかを知る手助けができます。これは、例えば、ドラッグ可能要素がドロップターゲットに入るときに背景色を設定し、 要素がターゲットの外に移動するときに色を削除するようなことを行うことができます。
ドラッグ&ドロップの詳細については、HTML5 ドラッグ&ドロップで HTML チュートリアルをご覧ください。
チップ: リンクや画像は、デフォルトでドラッグ可能であり、draggable 属性の必要はありません。
ドラッグ&ドロップ操作のいろいろな段階で、使用されたり、発生する可能性がある多くの event 属性があります:
ondragleave 属性は イベント属性 の一つで、全ての HTML 要素で使用することができます。
要素 | イベント |
---|---|
全ての HTML 要素 | ondragleave |
ドラッグ可能な要素がドロップターゲットの外に移動するときに JavaScript を実行します:
<div ondragleave="myFunction(event)"></div>
Try it Yourself ❯
表中の数字は、完全にイベント属性をサポートした最初のブラウザのバージョンを指定しています。
イベント属性 | |||||
---|---|---|---|---|---|
ondragleave | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |