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

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

多くの場合、ユーザーがブラウザ ウィンドウを閉じるとき、またはページを更新するときに特定のアクションを実行することが望ましいです。 Web ページを更新します。幸いなことに、このニーズに対処するために、window.onbeforeunload と window.onunload.

window.onbeforeunload

という 2 つのイベント ハンドラーが利用可能です。onbeforeunload イベントは、ユーザーがページから離れようとします。通常、これは、ユーザーに選択を確認するための確認ボックスを表示するか、未保存のデータがある場合にページから離れるのを防ぐために使用されます。ただし、文字列を返さないか、event.returnValue を設定することで、ブラウザーにメッセージが表示されるのを防ぎ、コードをサイレントに実行できます。 onunload イベントは、ページがブラウザからアンロードされるときに発生します。これは一般に、残留イベント リスナーの削除やデータベース接続の終了などのクリーンアップ タスクを実行するために使用されます。

実装

onbeforeunload と onunload の両方をウィンドウ プロパティに割り当てることができます。 .addEventListener メソッドを使用します。以下に例を示します。

注:

iframe の場合、iframe が親によって削除されたときに onbeforeunload イベントはトリガーされませんが、アンロードおよびページ非表示イベントは行います。ただし、Firefox には現在、iframe 削除の場合にこれらのイベントが発生しないバグがあり、Firefox で iframe が削除される直前にコードを実行することができなくなります。

// window property
window.onbeforeunload = function() {
  // Do something
};

// .addEventListener
window.addEventListener("beforeunload", function(e) {
  // Do something
});

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