jsイベント監視例の詳細説明

イベント監視の定義

Javascriptでは、ブラウザは一般に次の2つのカテゴリに分類されます:

① IEカーネルに基づくブラウザ(バージョン番号が9未満のIEブラウザ)

② W3Cカーネルに基づくブラウザ(IEブラウザ) 、Firefox、Google、およびバージョン番号が 9 より大きいその他のブラウザー

1) 基本構文: IE コア ブラウザーに基づく

dom object.attachEvent(type, callback, Capture): イベント リスナーを要素にバインドします

パラメータの説明:

type: onclick、onmouseover、onmouseout などのバインドされたイベント タイプ

callback: イベント ハンドラー、通常は匿名関数

capture: 使用されるブラウザ モデル、バブリング モデル、キャプチャ モデル、デフォルトでは、IE8 より前のブラウザはバブリングのみをサポートしますモデル！

?

1 2 3 4 5 6 7 8 9 10 11 12

りー

2、

基本構文: W3C カーネルベースのイベントリスニング

dom object.addEventListener(type, callback): W3C カーネルブラウザのバインドイベントリスニング

パラメータの説明:

type: click、mouseover、mouseout など、'on' プレフィックスのないバインディング イベント タイプ

callback: イベント ハンドラー、通常は匿名関数

1 2 3 4 5 6 7 8 9 10 11 12

rree

イベント監視の違いのまとめ

IEカーネルのリッスン方法とW3Cカーネルのリッスン方法:

①方法が異なります

IEコアを搭載したブラウザはバインディングにattachEventを使用します

ブラウザW3C コアではバインディングに addEventListener を使用します

② パラメータが異なります

IE カーネル ブラウザ、そのバインディング メソッドは合計 3 つのパラメータ type、callback、capture (使用されるブラウザ モデル)

W3C カーネル ブラウザ、そのバインディング メソッドはtype と callback の合計 2 つのパラメータ

③type パラメータは異なります

IE コアを搭載したブラウザでは、onclick など、type に「on」という接頭辞を付ける必要があります

W3C コアブラウザでは、type に接頭辞を付ける必要はありません'on' (click など)

④トリガーの順序が異なります

IE コアを搭載したブラウザでは、イベント監視が最初にバインドされてからトリガーされ、次にバインドが最初にトリガーされます

W3C カーネルを搭載したブラウザでは、イベントが最初にトリガーされます。モニタリングは最初にバインドされ、最初にトリガーされ、次にトリガー後にバインドされます

関連する推奨事項:

Node.js でのイベントモニタリングとイベント発行の使用例の詳細な説明

JS 組み合わせキーイベントモニタリングプラグの詳細な紹介-in

jQueryモバイルイベントの監視と使い方の詳しい説明

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