window.open を使用して作成されたポップアップで onLoad イベントを監視するにはどうすればよいですか?

window.open で作成されたポップアップ ウィンドウでの onLoad イベントの監視

window.open を使用して開かれたウィンドウでの onLoad イベントの検出は、さまざまなブラウザーで課題となります。次のコードはこれを実装しようとしますが、失敗します。

window.popup = window.open($(this).attr('href'), 'Ad', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');
$(window.popup).onload = function()
{
    alert("Popup has loaded a page");
};

解決策

onLoad イベントを正常にキャプチャするには、次の方法をお勧めします。

1. addEventListener

最新のブラウザの場合は、次のように addEventListener メソッドを使用します。

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

2. attachEvent (IE 用)

Internet Explorer のサポートが重要な場合は、attachEvent メソッドを使用します。

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

IE サポートに関する注意

IE のサポートは面倒な場合があります。可能であれば、それを回避するか、IE との互換性のための特定のソリューションを実装することを検討してください。

以上がwindow.open を使用して作成されたポップアップで onLoad イベントを監視するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。