ブラウザウィンドウを閉じるか更新するときに JavaScript コードを実行するにはどうすればよいですか?

ウィンドウを閉じるかページを更新するときに JavaScript コードを実行する

Web アプリケーションを操作する場合、ユーザーがアクセスしたときに特定のコードを実行することが重要になる場合があります。ブラウザウィンドウを閉じるか、ページを更新します。これにより、ユーザー データの保存、クリーンアップ操作のトリガー、Web サイトの使用状況の追跡などのアクションを実行できます。

ウィンドウの終了/更新コードの実行に使用できるオプション

この目的に使用できる 2 つの主要な JavaScript イベント リスナー:

• window.onbeforeunload: このイベントは、ユーザーがウィンドウまたはタブを閉じようとするとトリガーされます。ユーザーに確認ダイアログ (「ページを離れますか?」または「再ロードしますか?」など) が表示されます。ただし、文字列またはevent.returnValueが返されない場合、コードはメッセージを表示せずに実行されます。
• window.onunload: このイベントは、ウィンドウが閉じられるかページが閉じられる直前にトリガーされます。リフレッシュされます。 onbeforeunload とは異なり、ユーザーに確認ダイアログは表示されません。

イベント リスナーの使用法

これらのイベント リスナーをウィンドウ プロパティに割り当てるには、次の構文:

window.onbeforeunload = function() {
  // Code to execute on window closure or refresh
};

// OR using addEventListener
window.addEventListener("beforeunload", function(e) {
  // Code to execute on window closure or refresh
});

Iframe に関する注意

iframe が親によって削除された場合、beforeunload イベントは iframe 内では機能しません。ただし、アンロード イベントとページ非表示イベントは、Chrome のこのシナリオでも機能します。残念ながら、2023 年 8 月の時点で、Firefox にはバグがあり、iframe の削除に対してこれらのイベントが機能しません。

以上がブラウザウィンドウを閉じるか更新するときに JavaScript コードを実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。