ページのアンロードを停止するにはどうすればよいですか？

Question

ユーザーがデータを入力して変更を有効にするために保存をクリックする必要があるページがありますが、ユーザーがブラウザウィンドウを閉じるか別のリンクをクリックして別のページに移動しようとすると問題が発生します。 ..ユーザーは、これまでに保存されているすべてのエントリを削除する必要があり、彼ははい、問題は彼が「いいえ」をクリックしたときに来て上のクリックした場合、私はそれを次のようにやっている

window.onbeforeunload = function() 
{ 
if(confirm('Are you sure you want to navigate')) 
    { 
    //Invoke `enter code here`server side method 
    } 
else 
{ 
    // return false; 
} 
} 

すべてが正常に動作します。..彼がNoをクリックしても、ページのアンロードメソッドが呼び出されて別のページにリダイレクトされますが、同じ状態で同じページにとどまりたいのですが...これを達成するのを手伝ってください。

おかげで、あなたの応答に感謝....

Answer 1

onbeforeunloadは戻り値として文字列を受け取ります。その文字列はブラウザに表示され、ページに留まるか放置するかの選択肢があります。しかし、それはあなたができることです。

Answer 2

ユーザーがページを離れないようにすることはできません。あなたがすることができることは、彼らが離れるかどうかを尋ねるメッセージを警告することです。

window.onbeforeunloadイベントは、文字列（および文字列のみ）を返す必要があります。この文字列は、ブラウザで作成された警告ボックスに表示されます。

自分のアラートボックスを使用することも、ユーザーを離れる（またはリダイレクトする）こともできません。

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

またはjQueryの

と

$(window).on('beforeunload', function(){ 
    return 'Are you sure you want to leave?'; 
}); 

ユーザーがページを離れたとき、あなたは（あなたがここasync: falseを使用する必要があります）AJAX呼び出しを行うためにonunloadイベントを使用することができます。

例：

$(window).unload(function(){ 
    $.ajax({ 
     url: '/path/to/page/', 
     async: false, // this may be needed to make sure the browser doesn't 
         // unload before this is done 
     success: function(){ 
      // Do something 
     } 
    }); 
}); 

注：ユーザーが完了したときに代わりにこれを行うのは、なぜあなただ​​けのすべてを保存しませんか？保存する代わりに、ユーザーが終了しない場合は削除しますか？

Answer 3

まずは：できません！それは不可能だ。 onbeforeunloadは、戻り値として文字列を受け入れ、ユーザーがそれを望む場合は閉じます。その後、

しかし、コンピュータはエネルギーがないものとシャットダウンしている場合は何が起こるかを考えますか？または、ブラウザがタスクマネージャによって閉じられますか？またはさらに多くの "現実的"：インターネット接続が失われる！ =>あなたは無効なデータ状態も持っています！

虚偽の問題を解決しようとしています！あなたの問題はこの関数ではない、あなたの問題はあなたの公式の状態です！

なぜあなたは、機能のいくつかの種類が必要なのですか？保存をクリックする前にデータを保存していますか？それからしないで！または、データベース内の未完成のデータを検出し、タイムアウトの後にそれを削除する別のクエリを必ず作成してください。

Answer 4

は、あなたはそれ以外の場合は、初回のみ動作しますが、ちょうどwindow.historyがクリーンである場合は、このボタンを戻る無効にしてページ

function noBack() { 
    window.onbeforeunload = function(){window.history.forward()} 
} 

に次の関数を呼び出して、このようなものを使用することができます。