最新の Web 環境では、カスタム ナビゲーション プロンプトの表示はセキュリティ上の問題とみなされ、ブラウザはこの機能をサポートしなくなりました。代わりに、ブラウザーは一般的なメッセージのみを表示します。ナビゲーション プロンプトを有効または無効にするには、次のコードを使用するだけです:
// Enable navigation prompt window.onbeforeunload = function() { return true; }; // Remove navigation prompt window.onbeforeunload = null;
古いブラウザとの互換性のためIE6 ~ 8 および Firefox 1 ~ 3.5 では、次のコードを使用してカスタム ナビゲーションを表示できます。プロンプト:
var confirmOnPageExit = function (e) { // Define the message to be displayed var message = 'Confirm your navigation away from the page'; // Handle compatibility with older browsers if (e) { e.returnValue = message; } // Return the message return message; }; // Enable the navigation prompt window.onbeforeunload = confirmOnPageExit; // Disable the navigation prompt window.onbeforeunload = null;
jQuery などの検証フレームワークを使用するときに変更された値を確認するには、次のようなコードを使用できます:
$('input').change(function() { // Check if the input value is not empty if( $(this).val() != "" ) { // Enable the navigation prompt window.onbeforeunload = confirmOnPageExit; } });
以上が変更が保存されていないページから誤って移動してしまうことを防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。