ホームページ  >  記事  >  ウェブフロントエンド  >  Window.open で開かれた Windows でページ読み込みイベントを検出する方法

Window.open で開かれた Windows でページ読み込みイベントを検出する方法

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-24 13:05:31683ブラウズ

How to Detect Page Load Events in Windows Opened with Window.open?

window.open で開かれた Windows でのページ読み込みイベントの検出

場合によっては、ページが完全に読み込まれたことを検出することが必要になります。 window.open メソッドを使用して作成されたウィンドウ内。ただし、$(window.popup).onload を使用してこのイベントをキャプチャしようとすると、成功しません。この記事では、開発者が window.open.

を通じて開かれたウィンドウでページ読み込みイベントを効果的に監視できるようにする代替手法について詳しく説明します。このタスクを達成するための鍵は、addEventListener メソッドを利用することにあります。この問題に対処する更新されたコード スニペットは次のとおりです。

var myPopup = window.open(...);
myPopup.addEventListener('load', myFunction, false);

このコードは、専用のイベント リスナーをウィンドウ オブジェクトに割り当て、開いたウィンドウ内のページの読み込みが完了したときに myFunction をトリガーします。

IE との互換性の確保

Internet Explorer (IE) をサポートするには、少し異なるアプローチが必要であることに注意することが重要です。

myPopup[myPopup.addEventListener ? 'addEventListener' : 'attachEvent'](
  (myPopup.attachEvent ? 'on' : '') + 'load', myFunction, false
);

この拡張構文により互換性が追加されます。 addEventListener メソッドとattachEvent メソッドの両方を利用して IE と連携します。

IE のサポートは面倒な場合がありますが、対象ユーザーを考慮して、絶対に必要な場合にのみサポートすることをお勧めします。

以上がWindow.open で開かれた Windows でページ読み込みイベントを検出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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