ユーザーが変更を保存せずに Web ページから離れることを防ぐにはどうすればよいですか?

未保存の変更の防止

Web ページ上のデータを変更するとき、ユーザーがデータを保存せずに移動できないようにしたいのが一般的です。変化します。これは、window.onbeforeunload イベントを使用して実現できます。

実装

レガシー ブラウザ (IE6 ～ 8、Firefox) 1-3.5)

1. 文字列を返す関数に window.onbeforeunload を設定します:

   window.onbeforeunload = function() {
       return "Unsaved changes. Are you sure you want to leave?";
   };

2. 無効にするイベントを削除しますそれ:

   window.onbeforeunload = null;

最新のブラウザ (Chrome、Firefox など)

1. プロンプト:

   window.onbeforeunload = function() {
       return true;
   };

2. プロンプトを無効にする:

   window.onbeforeunload = null;

変更の追跡

変更が加えられたかどうかを判断するには、検証フレームワークまたは独自のカスタム イベント ハンドラー。

jQuery の例:

$('input').change(function() {
    if ($(this).val() != "") {
        // Enable the prompt
        window.onbeforeunload = function() {
            return true;
        };
    }
});

ブラウザ固有の考慮事項

• Chrome およびSafari では一般的なメッセージのみが表示され、カスタム メッセージは表示されません。
• Firefox プロンプトURL の変更ではなく、フォームの送信のみです。

以上がユーザーが変更を保存せずに Web ページから離れることを防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。