定義と使用法
ondragenterドラッグ可能な要素やテキストの選択が有効なドロップターゲットに入ったときに火災を属性。
ondragenterとondragleaveイベントは、ユーザーがドラッグ可能な要素が入力するか、ドロップターゲットを残すことを約あることを理解するのに役立ちます。 これは、例えば、ドラッグ可能要素をドロップターゲットに入射する背景色を設定し、要素が標的から移動された色を除去することによって行うことができます。
ドラッグ&ドロップの詳細については、上の私たちのHTMLチュートリアル読んでHTML5のドラッグ&ドロップを 。
ヒント:リンクや画像は、デフォルトでドラッグ可能であり、必要のないdraggable属性を。
ドラッグ&ドロップ操作の異なる段階で、そこに使用される多くのイベント属性があり、発生する可能性があります。
- 発砲イベントdraggableターゲット (ソース要素):
- ondragstart -火災ユーザーが要素をドラッグを開始
- ondrag -要素がドラッグされている火災
- ondragend -ユーザーが要素をドラッグし終えた火災
- ドロップターゲットに発砲イベント:
- ondragenter -火災ドラッグされた要素がドロップターゲットに入ります
- ondragover -火災ドラッグされた要素がドロップターゲット上にあります
- ondragleave -火災ドラッグされた要素がドロップターゲットを残します
- ondrop -火災ドラッグされた要素をドロップターゲットにドロップされました
に適用されます
ondragenter属性はの一部であるイベント属性 、および任意のHTML要素で使用することができます。
要素 | イベント |
---|---|
すべてのHTML要素 | ondragenter |
例
Div例
ドラッグ可能な要素がドロップターゲットに入ったときにJavaScriptを実行します。
<div ondragenter="myFunction(event)"></div>
»それを自分で試してみてください ブラウザのサポート
表中の数字は完全にサポートする最初のブラウザのバージョンを指定event属性を。
イベント属性 | |||||
---|---|---|---|---|---|
ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |