ホームページ > ウェブフロントエンド > jsチュートリアル > ブラウザウィンドウを閉じるかページを更新するときにコードを実行するにはどうすればよいですか?

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

DDD
リリース: 2024-12-01 11:05:10
オリジナル
207 人が閲覧しました

How to Execute Code on Browser Window Close or Page Refresh?

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

多くの場合、ユーザーがブラウザ ウィンドウを閉じるとき、またはページを更新するときに特定のアクションを実行することが望ましいです。 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート