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

HTML ondragover Attribute


定義と使用法

ondragoverドラッグ可能な要素やテキストの選択が有効なドロップターゲット上にドラッグしているときに火属性。

デフォルトでは、データ/要素が他の要素にドロップすることはできません。 ドロップを可能にするために、我々は、要素のデフォルト処理を防止しなければなりません。 これは、呼び出すことによって実行されるevent.preventDefault()のための方法ondragover属性を。

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

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

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

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

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

注意:要素をドラッグしている間、 ondragoverイベントは、すべて350ミリ秒を発射。


に適用されます

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

要素 イベント
すべてのHTML要素 ondragover

Div

要素がドロップターゲット上にドラッグしているときにJavaScriptを実行します。

<div ondragover="myFunction(event)"></div>
»それを自分で試してみてください

ブラウザのサポート

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

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