beforeunloadのキャンセル時に、メッセージを表示したい

前提・実現したいこと

Javascript（jQUeryでも可）にて、beforeunloadイベントをキャンセルした際（つまり、そのページに留まった際）に、alertなどでメッセージを表示したいと考えております。

発生している問題・エラーメッセージ

googleにて「beforeunload キャンセル時メッセージ」などのキーワードで検索しても、そのようなやり方を見出すことができませんでした。

そもそも、「キャンセル時に独自のメッセージを表示」させること自体が可能なのでしょうか？？

該当のソースコード

Javascript
1window.addEventListener("beforeunload", (ev) => {
2  ev.preventDefault ();
3  ev.returnValue = "check";
4
5  //キャンセル時に実行されるコード？
6  //「ページに留まりました」というメッセージを表示させたい
7  //可能であれば、メッセージ表示以外の処理も実行したい
8
9});
10

試したこと

上記の「キャンセル時に実行されるコード？」が分からず、悩んでおります。
コールバック関数でも設定するのでしょうか？

ご存じな方がいらっしゃったら、ぜひご教示いただきたく存じます。

補足情報（FW/ツールのバージョンなど）

beforeunloadイベントで、「ページ離脱の独自メッセージ」が設定できないとされている、Chromeにて試しています
（バージョン: 96.0.4664.110）

行動規範の内容に同意します

回答1件

ベストアンサー

confirmでいいでしょうか？

Javascript
1window.addEventListener("beforeunload", (ev) => {
2  ev.preventDefault ();
3  ev.returnValue = "check";
4  if( confirm('ページを閉じますか？') ){
5    alert('ページから離れます');
6    return true;
7  }
8  else {
9    alert('ページに留まりました');
10    return false;
11  }
12});

投稿2021/12/28 10:55

skys215

総合スコア910

tetakaha759

2021/12/28 23:40

ご回答、ありがとうございました。上記のコードをコピーして試してみましたが、Chromeではページを離れる際も、キャンセルした際もメッセージは表示されませんでした。 Chromeのデベロッパーツールで確認してみると、「Blocked confirm('ページを閉じますか？') during beforeunload.」というエラーメッセージが表示されることから、やはり confirm は Chromeではブロックされているようです。