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

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

ユーザーがブラウザ ウィンドウを閉じるかページを更新するときにコードを実行するには、 window.onbeforeunload および window.onunload イベント ハンドラー。これらのハンドラーの動作はブラウザによって異なります。

イベント ハンドラーの割り当て

これらのイベント ハンドラーは、プロパティの割り当てまたは addEventListener メソッドを使用して設定できます。

// Property assignment
window.onbeforeunload = function() { 
  // Code to execute
};

// Event listener
window.addEventListener("beforeunload", function(e) { 
  // Code to execute
});

window.onbeforeunloadイベント

window.onbeforeunload は、通常、ユーザーが変更を保存していないページから離れることを防ぐために使用されます。ただし、文字列を返さないか、event.returnValue を設定しない場合、イベントはコードをサイレントに実行します。

window.onunload イベント

window.onunload はページがアンロードされる直前にトリガーされる、より包括的なイベント。ユーザー アクティビティの追跡やローカル ストレージの保存などのタスクを実行できます。

注:

• window.onbeforeunload は、によって削除された iframe 内からは機能しない可能性があります。 Firefox の親 (2023 年 8 月現在)。
• 代わりに window.pagehide を使用することを検討してください。 Firefox の iframe の window.onbeforeunload.

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