ホームページ >ウェブフロントエンド >jsチュートリアル >ユーザーが別の場所に移動したときに、Web ページで保存されていないデータの損失を防ぐにはどうすればよいでしょうか?
問題:
データの整合性を確保するには、Web ページが変更を保存しないようにするにはどうすればよいですか?ユーザーが未保存のフォームを破棄するかどうかを確認せずにブラウザのタブを閉じたり移動したりすることができないようにするデータ?
答え:
この機能を実現するには、次のテクニックを活用します:
短いが間違ったアプローチ:
「beforeunload」イベントのイベント リスナーを実装し、プロンプトを表示するには、null 以外の文字列を使用します。ただし、この方法ではフォームの送信と実際のナビゲーションを区別できず、不要なプロンプトが表示されます。
長くても正しいアプローチ:
上記のアプローチの欠点に対処するには:
警告:
最新のブラウザ (Firefox や Chrome など) はサポートされなくなっていることに注意してください。ナビゲーション確認ダイアログでカスタム メッセージをサポートします。これは、「行った変更は保存されない可能性があります。」などの一般的なメッセージがユーザーに表示されることを意味します。
以上がユーザーが別の場所に移動したときに、Web ページで保存されていないデータの損失を防ぐにはどうすればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。