addEventListener は Internet Explorer 9 でどのように機能しますか?また、古いバージョンの代替手段は何ですか?

Internet Explorer の addEventListener

addEventListener メソッドは、Web ブラウザーのドキュメント オブジェクト モデル (DOM) の要素にイベント リスナーをアタッチするための多用途ツールです。 ）。これは、ユーザーの対話とイベントを処理するための標準化されたアプローチを提供します。ただし、addEventListener の実装はブラウザーによって異なります。この記事では、Internet Explorer、特にバージョン 9 での addEventListener の使用法と互換性について説明します。

Internet Explorer 9 の Element オブジェクトと同等

Internet Explorer 9 では、 Element オブジェクトは、他のブラウザの Element プロトタイプに相当するものとして機能します。これには、HTML 要素に適用できるすべての標準 DOM プロパティとメソッドが含まれます。 Element オブジェクトは、

• id
• class
• tagName
• parentNode
• などのさまざまな要素属性へのアクセスを提供します。 childNodes

Internet Explorer での addEventListener の仕組み

Internet Explorer 9 は、addEventListener メソッドをネイティブにサポートしています。これにより、開発者は次の構文を使用して要素にイベント ハンドラーを割り当てることができます:

element.addEventListener(eventName, eventHandler, [options]);

ここで、「eventName」は、「click」や「mouseenter」など、リッスンされる特定のイベントを表します。 「eventHandler」は、イベントの発生時に実行される関数を指します。オプションの 'options' パラメーターを使用すると、イベントの伝播と処理をカスタマイズできます。

代替メソッド:attachEvent

バージョン 9 より前の Internet Explorer の場合、既知の代替メソッドイベントを処理するために「attachEvent」が使用されたためです。その構文は次のとおりです。

element.attachEvent("on" + eventName, eventHandler);

'eventName' は、addEventListener と同じ規則に従います。特に、「attachEvent」ではイベント名の前に「on」プレフィックスが必要です。

ブラウザ間の互換性機能

ブラウザ間の互換性を確保するため、addEventListener とattachEvent の両方をサポートします。 、クロスブラウザの addEvent 関数を使用できます。

function addEvent(evnt, elem, func) {
   if (elem.addEventListener)  // W3C DOM
      elem.addEventListener(evnt,func,false);
   else if (elem.attachEvent) { // IE DOM
      elem.attachEvent("on"+evnt, func);
   }
   else { // No much to do
      elem["on"+evnt] = func;
   }
}

この関数は、W3C DOM 準拠のブラウザでは addEventListener を使用し、Internet Explorer ではattachEvent を使用しようとします。

以上がaddEventListener は Internet Explorer 9 でどのように機能しますか?また、古いバージョンの代替手段は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。