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 より前のブラウザはバブリングのみをサポートしますモデル！

りー

2、

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

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

パラメータの説明:

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

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

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

関連記事