ホームページ  >  記事  >  ウェブフロントエンド  >  IE8 で addEventListener が機能しない理由とその修正方法

IE8 で addEventListener が機能しない理由とその修正方法

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-27 17:40:30463ブラウズ

Why Doesn't addEventListener Work in IE8 and How to Fix It?

addEventListener が IE8 で動作しない: 解決策

最新のブラウザーでは機能が広く普及しているにもかかわらず、addEventListener は Internet Explorer 8 では一貫して動作しません。この問題は、チェックボックスを動的に作成し、それらにクリック イベント リスナーをアタッチしようとすると発生します。

この問題を解決するには、ブラウザのバージョンを決定する条件付きチェックを実装できます。 IE8 との互換性が必要な場合は、addEventListener の代わりに attachEvent を使用できます。

if (_checkbox.addEventListener) {
    _checkbox.addEventListener("click", setCheckedValues, false);
} else {
    _checkbox.attachEvent("onclick", setCheckedValues);
}

このアプローチが機能する理由は次のとおりです:

  • attachEvent: IE9 より前のバージョンの IE では、attachEvent がイベント リスナーを登録する適切なメソッドです。指定されたリスナーを、呼び出される EventTarget にアタッチします。
  • addEventListener: IE9 以降およびその他の最新ブラウザーでは、addEventListener がイベント登録の推奨メソッドです。

このソリューションは、ブラウザーの互換性に基づいて適切な方法を動的に選択することにより、IE8 およびその他のサポートされているブラウザーでクリック イベントが正しく登録されるようにします。

以上がIE8 で addEventListener が機能しない理由とその修正方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。