ホームページ > ウェブフロントエンド > jsチュートリアル > 特に Internet Explorer で、ブラウザ間のイベント リスナーの互換性を確保するにはどうすればよいですか?

特に Internet Explorer で、ブラウザ間のイベント リスナーの互換性を確保するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-11-02 15:31:29
オリジナル
1055 人が閲覧しました

How Can I Ensure Cross-Browser Event Listener Compatibility, Especially in Internet Explorer?

Internet Explorer での addEventListener の互換性

addEventListener を使用したイベント ハンドラーの追加は、ほとんどのブラウザーで推奨される DOM メソッドです。ただし、Internet Explorer (バージョン 8 まで) では、代わりにattachEvent メソッドが使用されていました。

Internet Explorer 9 のサポート

Internet Explorer 9 では、最終的に addEventListener メソッドが採用されました。他の最新ブラウザと連携します。これは、互換性の問題なく IE9 以降で addEventListener を使用できることを意味します。

ブラウザ間の互換性

古いバージョンと新しいバージョンの両方をサポートしたい場合は、 Internet Explorer および他のブラウザでは、次のクロスブラウザ 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;
   }
}
ログイン後にコピー

この関数は、要素が addEventListener をサポートしているかどうかを確認し、サポートしていない場合は IE との互換性のためにattachEvent を使用します。それ以外の場合は、イベント ハンドラーを直接設定することに戻ります。

以上が特に Internet Explorer で、ブラウザ間のイベント リスナーの互換性を確保するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート