jsのイベントを理解する

イベント

1. JavaScriptイベントとは何ですか?

イベントは、ドキュメントまたはブラウザーで発生する対話の特定の瞬間です。

2. イベント フロー

イベント フローは、IE が提案するイベント バブリング フローや Netscape が提案するイベント キャプチャ フローなど、ページからイベントを受け取るシーケンスを記述します。ブラウザのデフォルトはイベント バブリング フローです。

2 つのアイデア:

IE のイベント フローはイベント バブリングと呼ばれます。つまり、イベントは最初に最も具体的な要素によって受信され、その後、より具体的でないノードに上向きに伝播します。

Netscape チームが提案したもう 1 つのイベント ストリームは、イベント キャプチャと呼ばれます。イベント キャプチャの考え方は、具体性の低い DOM ノードがより早くイベントを受信し、最も具体性の高いノードが最後にイベントを受信する必要があるということです。

3. イベントハンドラー

イベントのハンドラーを指定するにはいくつかの方法があります。 HTMLイベントハンドラ。 つまり、イベント ハンドラーを HTML コードに直接追加します

例:

function showmsg(){

はい、これには問題があります。 、すると、私は持っているだけでなく、 jsで変更するには、htmlでも変更する必要があります。

(1) DOM0レベルのイベントハンドラ

これは、次のような指定されたオブジェクトに対するイベント処理を追加することです:

<script> <p> var btn2 = document.getElementById("btn2"); btn2.onclick=function(){<p>alert("DOM0レベル追加イベント処理");<br/> 、nullに設定するだけです<br/> </script>

( 2) DOM2 レベルのイベント ハンドラ DOM2 レベルのイベントは、イベント ハンドラの指定と削除の操作を処理するための 2 つのメソッド、addEventListener() と RemoveEventListener() を定義します。これら 2 つのメソッドはすべての DOM ノードに含まれており、どちらも 3 つのパラメーター (処理するイベントの名前、イベント ハンドラーとしての関数、およびブール値) を受け入れます。最後のパラメーターが true の場合は、イベント ハンドラーがキャプチャ フェーズで呼び出されることを意味し、fasle の場合は、イベント ハンドラーがバブリング フェーズで呼び出されることを意味します。

以上がjsのイベントを理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。