javascript - MVC3はページから離れるナビゲーションを防ぎます

Question

ページ上のリンクがクリックされたときにページが移動しないようにするにはどうすればよいですか。次のコードがありますが、代わりにメッセージが2回表示されます。このページにはデータグリッドもあります。グリッド上のレコードをクリックしてページから移動した場合にのみ、ポップアップするメッセージが2回表示されます。それ以外の場所は問題ありません。

   var canShowWarning = "@(Model.CanEdit)";
var showWarning = false;

window.onbeforeunload = function () {
    if (canShowWarning && showWarning) {
        return 'You have made unsaved changes';
    }
}
$(function () {
$("#Form").submit(function () {
        showWarning = false;
    });

    $("#Form").change(function () {
        showWarning = true;
    });
});

Answer 1

var canShowWarning = "@(Model.CanEdit)";
var showWarning = false;
var alreadyShown = false;

window.onbeforeunload = function () {
    if (canShowWarning && showWarning && !alreadyShown) {
        alreadyShown = true;
        return 'You have made unsaved changes';
    }
}
$(function () {
$("#Form").submit(function () {
        showWarning = false;
    });

    $("#Form").change(function () {
        showWarning = true;
        alreadyShown =  false;
    });
});