JavaScriptでページのアンロード(移動)を止める方法


  1. beforeunload イベントハンドラ: ページがアンロードされる前に実行する処理を定義するために、beforeunload イベントハンドラを使用できます。このハンドラ内でメッセージを返すことで、ユーザーに確認ダイアログを表示することもできます。以下は例です。

    window.addEventListener('beforeunload', function (event) {
     // アンロードを止めるための処理をここに記述する
     event.preventDefault(); // アンロードをキャンセルする
     event.returnValue = ''; // Chromeでは必要な設定
    });
  2. unload イベントハンドラ: ページがアンロードされた後に実行する処理を定義するために、unload イベントハンドラを使用できます。以下は例です。

    window.addEventListener('unload', function (event) {
     // アンロード後の処理をここに記述する
    });
  3. onbeforeunload プロパティ: onbeforeunload プロパティを使用して、ページがアンロードされる前に実行する処理を定義することもできます。以下は例です。

    window.onbeforeunload = function (event) {
     // アンロードを止めるための処理をここに記述する
     return ''; // メッセージを表示しない場合は空文字列を返す
    };

これらの方法を使用すると、ページがアンロードされる前や後に特定の処理を実行できます。ただし、一部のブラウザではセキュリティ上の理由から、メッセージを表示できない場合があります。

以上が、JavaScriptでページのアンロード(移動)を止める方法とそれに関連するコード例です。適切な方法を選択して、必要な処理を実装してください。