ポップアップでウィンドウ オンロード イベントを検出する方法

ポップアップでのウィンドウ オンロード イベントの検出

Window.open は、JavaScript で新しいブラウザ ウィンドウまたはタブを開くための主な方法です。位置、寸法、ブラウザ コントロールなどのパラメータを指定することで、ポップアップの外観と機能をカスタマイズできます。ただし、新しく開いたウィンドウが完全にロードされたことを検出する簡単な方法はありません。

サンプル コードでは、$(window.popup).onload を使用してロード イベントを処理しようとしましたが、失敗しました。すべての主要なブラウザで。この制限を克服するには、別のアプローチを採用する必要があります。

解決策には、ネイティブの「load」イベント リスナーを活用することが含まれます。その方法は次のとおりです。

<code class="javascript">var myPopup = window.open(...);
myPopup.addEventListener('load', myFunction, false);</code>

このメソッドは、myPopup ウィンドウの 'load' イベントにイベント リスナーをアタッチします。ポップアップ内のページの読み込みが完了すると、myFunction 関数が実行されます。

Internet Explorer をターゲットにしている場合、IE にはイベント リスナーの条件付きサポートがあるため、少し異なるアプローチを使用する必要があります。

<code class="javascript">myPopup[myPopup.addEventListener ? 'addEventListener' : 'attachEvent'](
  (myPopup.attachEvent ? 'on' : '') + 'load', myFunction, false
);</code>

この条件チェックにより、コードが IE と最新のブラウザーの両方で動作できるようになります。ただし、IE のサポートは面倒な場合があるため、可能であれば避けるべきであることに注意してください。

以上がポップアップでウィンドウ オンロード イベントを検出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。