HTML ondragover 属性

定義と用法

ondragover 属性は、ドラッグ可能な要素やテキストの選択範囲が有効なドロップターゲット上にドラッグされたとき発火します。

デフォルトでは、データ/要素は他の要素にドロップすることはできません。ドロップを可能にするためには、 要素のデフォルトの動作を抑止しなければなりません。これは、ondragover 属性に event.preventDefault() メソッドを呼び出すことによって行います。

ドラッグ＆ドロップの詳細については、HTML5 ドラッグ＆ドロップで HTML チュートリアルをご覧ください。

チップ: リンクや画像は、デフォルトでドラッグ可能であり、draggable 属性の必要はありません。

ドラッグ＆ドロップ操作のいろいろな段階で、使用されたり、発生する可能性がある多くの event 属性があります：

• ドラッグ可能なターゲットで発火するイベント（source 要素）：
  • ondragstart - ユーザが要素のドラッグを開始したときに発火します
  • ondrag - 要素がドラッグされているときに発火します
  • ondragend - ユーザが要素のドラッグを終了したときに発火します


• ターゲットにドロップする時に発火するイベント：
  • ondragenter - ドラッグした要素がドロップターゲットに入ったときに発火します
  • ondragover - ドラッグした要素がドロップターゲットの上にきたときに発火します
  • ondragleave - ドラッグした要素がドロップターゲットを離れたときに発火します
  • ondrop - ドラッグした要素がドロップターゲットにドロップされたときに発火します

注: 要素をドラッグ間、ondragover イベントは 350 ミリ秒おきに発火します。

適用

ondragover 属性は イベント属性 の一つで、全ての HTML 要素で使用することができます。

例

ブラウザ・サポート

表中の数字は、完全にイベント属性をサポートした最初のブラウザのバージョンを指定しています。