[解決済み] ページ終了イベントのインターセプト
2022-08-14 13:42:20
質問
私のシステム内でページを編集しているとき、ユーザーが別のウェブサイトに移動することを決定し、そうすることによって、保存していないすべての編集を失う可能性があります。
私は、別のページに移動しようとする試みを阻止し、潜在的に現在の作業を失う可能性があるので、これが起こることを望むかどうかをユーザーに確認させたいと考えています。
Gmail は非常に似たような方法でこれを行います。 たとえば、新しい電子メールを作成し、メッセージ本文への入力を開始し、アドレス バーに新しい場所 (たとえば twitter.com など) を入力します。 すると、「よろしいですか?
これを再現する方法について教えてください。 私は IE8 をターゲットにしていますが、Firefox や Chrome とも互換性があることを望んでいます。
どのように解決するのですか?
Ghommeyさんの回答に似ていますが、こちらはIEやFirefoxの古いバージョンにも対応しています。
window.onbeforeunload = function (e) {
var message = "Your confirmation message goes here.",
e = e || window.event;
// For IE and Firefox
if (e) {
e.returnValue = message;
}
// For Safari
return message;
};
関連
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] イベントバブリング、キャプチャーとは何ですか?
-
[解決済み] イベントを発生させた要素のIDを取得する
-
[解決済み] ページロード後にJavaScriptを実行させるには?
-
[解決済み] JavaScriptでイベントを発生させるには?
-
[解決済み] ジェスト あるクラスの特定のメソッドをモックする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ユーザーがウェブページから離れるのを検知する最適な方法とは?
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] 文字列のn番目の出現箇所を取得するには?
-
[解決済み] WebStormで未解決の変数が大量にある場合の警告に対処する方法は?
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] $.ajax実行中にローディングイメージを表示する
-
[解決済み] Promise : then vs then + catch [重複].
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] javascriptでオプションのパラメータを扱う
-
[解決済み] V8 Javascript エンジンのスタンドアロン実行