Q&A
ブラウザの閉じるボタンを押しても、ブラウザを終了せずに、ブラウザで特定のURLのページを表示したいという事でしょうか？
「ブラウザの閉じるボタン」って、Windowsだとウィンドウの右上隅の×印、Macだと左上の赤い○のことですか？
実現したいこと
ブラウザの「閉じるボタン」を押下した際に、何らかのメッセージを表示したい/画面に遷移したい
※広く公開するものではないので、セキュリティについてはあまり考える必要がないです。
※できないよと言っていただけるのもありがたいです。
発生している問題・分からないこと
そもそも実現可能なのかが判断できていません。調べた限りだと実現できなさそうですが、フロントエンドに疎いため、調査し切れていない可能性を捨て切れないです。
該当のソースコード
特になし
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
- beforeunloadイベントを使用することで、画面遷移の前に小さな画面を表示できることはわかっています。
- 上記の画面に表示できる文字がブラウザによって制限されていることもわかっています。
- せめて、beforeunloadイベントがブラウザの「閉じるボタン」を押下した場合にのみ動作するように制限する方法が（あれば）把握できればある程度の目標は達成できます。
補足
特になし
回答3件
0
ベストアンサー
閉じるボタンを押すためには、マウスカーソルがウィンドウの外に出なければならないはず……
という発想を基に書いたコードが以下になります。
html
1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8 <style> 9 html, 10 body { 11 height: 100%; 12 } 13 </style> 14</head> 15 16<body> 17 <script> 18 let flag = false; 19 document.documentElement.addEventListener('mouseenter', () => { 20 flag = false; 21 }) 22 document.documentElement.addEventListener('mouseleave', () => { 23 flag = true; 24 }) 25 window.addEventListener('beforeunload', (event) => { 26 if (flag) { 27 event.preventDefault(); 28 event.returnValue = " "; 29 return " "; 30 } 31 }) 32 </script> 33</body> 34 35</html>
言うまでもないですが、キーボードショートカットなどで閉じられた場合はどうしようもないです。
投稿2024/08/30 06:06
総合スコア36777
0
ブラウザの閉じるボタンを押しても、ブラウザを終了せずに、ブラウザで特定のURLのページを表示したいという事でしょうか？
はい、記載いただいた通りになります。
ブラウザの閉じるボタンをクリックすると、ブラウザは終了するので、それ以降にブラウザに何かを表示することは出来ません。
クライアント側には手を加えずに、ウェブサーバー側だけでなんとかすることは出来ないので、
「そもそも何をしたいのか」から考え直した方が良いです。
「何かをしたい」→「ブラウザを閉じた時にメッセージを出せれば実現できるのではないか」
の「何かをしたい」部分。そこをよく考え直すと、「ウェブサーバー側の開発＋クライアント側はブラウザのみ」で解決できるような気がします。
クライアント側に手を加えるなら可能です。
- ブラウザを起動する
- ブラウザの終了を待つ
- ブラウザが終了したらメッセージのウィンドウを表示する
というプログラムを作って、ブラウザを起動する代わりにこのプログラムを起動します。
VBScriptによる簡易サンプル
VBScript
1WScript.CreateObject("WScript.Shell").Run """C:\Chrome.exeのフルパスをここに書く""" , 0, true 2WScript.Echo "AAAAA"
投稿2024/08/29 15:18
編集2024/08/30 16:40総合スコア85607
あなたの回答
tips
プレビュー
