注意:このページで「ウィンドウを閉じるときに任意のメッセージを設定したダイアログを表示する」方法はわかりません。 動作確認した環境 MacOS Mojave 10.14.6 Google Chrome 78.0 Fire Fox 70.0 Safari 13.0 やりたいこと ブラウザにおいてユーザが[x]ボタンやCtrl + Wでウィンドウを閉じる時に任意のメッセージを表示した[OK][キャンセル]ボタンがあるダイアログを表示したい。 ボタンのイベントでは似たようなことがよくあるので難しいと思っていなかった・・・。 サイト側でウィンドウを閉じられなくするなんてセキュリティ的に問題になるよね、ってことに気がつくのが遅かったのです。 MacのChrome /** [閉じる]ボタン押下処理. */ function onClickClose() { let result = confirm('
今回は、特定のページを開いているときに、 ブラウザの閉じるボタン、タブの閉じるボタンを押したときに、 ブラウザ固有のメッセージを表示させる実装のメモとなります。 実装内容 ページで入力等を行なっている際に、 ブラウザ閉じるボタン・タブ閉じるボタンを押したときに、ブラウザ固有のメッセージを表示させます。 Chromeの場合、以下のようなメッセージが表示されます。 ページをページを離れるボタンを押すとページが閉じ、 キャンセルボタンを押すとメッセージが非表示になり、ページに留まります。 ※入力等を行わず、一切操作を行なっていない場合は、メッセージ表示されません。 実装方法 ・jQueryなし window.onbeforeunload = function(e) { return "ブラウザを閉じても良いでしょうか？"; // 文字列はメッセージに反映されません。必ずreturnすればブランク
ブラウザの閉じるイベント時に何かしたいのでbeforeunloadを使ってみる
例えばフォーム入力中だとか、 ショートカットを押し間違えたとか、 意図しないタイミングでブラウザ閉じてしまうとか色々とあるわけで。 そういうときってあぁ〜って感じでちょっとがっかりしたりする。 でもGmailみたいに本当に閉じますか？みたいな感じでアラート出してくれると助かるわけで。 というわけで今日はその組み方的なお話。 //jQuery $(document).ready(function(){ $(window).on("beforeunload",function(e){ return "本当に離れますか？"; }); }); //javascriptで普通に書く場合 window.onbeforeunload = function(){ return "本当に離れますか？"; } っていう感じ。 要注意なのは何があっても最後に行われるイベントであるので、 これを書いているとどうや
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
