ホームページ > ウェブフロントエンド > jsチュートリアル > ウィンドウを閉じるイベントとページを更新するイベントを目立たないよう処理するにはどうすればよいですか?

ウィンドウを閉じるイベントとページを更新するイベントを目立たないよう処理するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-28 08:41:11
オリジナル
923 人が閲覧しました

How to Handle Window Closure and Page Refresh Events Unobtrusively?

目立たないウィンドウの終了とページの更新イベント処理

ブラウザ ウィンドウの終了時またはページの更新時にコードを実行するには、 window.onbeforeunload および window.onunload イベント リスナーを利用できます。ブラウザに応じて、これらのリスナーの呼び出し方法は異なります。

これらのリスナーを割り当てる構文は、ウィンドウ プロパティに直接割り当てる方法です:

window.onbeforeunload = function(){
  // Code to execute on window closure or page refresh
};
ログイン後にコピー

、または addEventListener メソッドを使用します:

window.addEventListener("beforeunload", function(e){
  // Code to execute on window closure or page refresh
});
ログイン後にコピー

デフォルトでは、通常、ユーザーが突然 Web サイトから離れることを防ぐために、onbeforeunload リスナーが使用されます。特に未保存のデータが存在する場合。ただし、戻り文字列を省略するか、e.returnValue を false に設定すると、確認ダイアログを表示せずにコードをトリガーできます。

親によって削除された場合、iframe 内で beforeunload イベントが機能しない可能性があることに注意してください。ただし、Chrome のこのシナリオでは、アンロード イベントとページ非表示イベントの両方が有効です。一方、Firefox には、iframe が親によって削除されたときにこれらのイベントがトリガーされないバグがあります。

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

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