Herkes yeniden yüklemeyi ya da uzakta seyreden bir sayfa durdurmak için nasıl biliyor mu?

jQuery(function($) {

    /* global on unload notification */
    warning = true;

    if(warning) {
        $(window).bind("unload", function() { 
            if (confirm("Do you want to leave this page") == true) {
                //they pressed OK
                alert('ok');
            } else {
                // they pressed Cancel
                alert('cancel');
                return false;
            }
        });
    }
});

Şu an, gelecek emirleri öğeleri miktarları değiştirmek için yeteneğine sahiptir görüntüler /- düğmelerini kullanarak sipariş sayfasında bir e-ticaret sitesi üzerinde çalışıyorum. Miktarları bu şekilde aslında bu düzenin kendisi değişmez değişen, Onayla tuşuna basın ve bu nedenle olumlu bir eylem yapılıyor sırasını değiştirmek için.

Ancak eğer onlar değişti miktarları ve gezinmek uzak sayfasını isterim onları uyar onlar bunu yaparken vaka bu bir kaza, değişen miktarlarda kaybolur eğer onlar gidin dışarıda ya da sayfayı yenile.

Yukarıdaki kodu ben kullanarak bir global değişken çıkar false varsayılan olarak (onun sadece gerçek bir test), bir miktar değişmiş olacak güncelleme bu değişken için gerçek, ve ne zaman onlar Onayla değişiklikleri yapacağım ayarlanmış false.

Uyarı geçerlidir ve bu sayfa kaldırıldı, eğer onlar boşaltma durdurmak istiyorum bu sayfada kalmak " derlerse, onlara bir onay kutusunu sunuyoruz. return false işe yaramıyor, hala kullanıcı (uyarılar var sadece hata ayıklama için) gidin uzakta sağlar

Herhangi bir fikir?

Bu kod Natalie önerisine göre uyarır, ama eğer bu sayfada bir form gönderilmişse uyarıyı devre dışı bırakır. JQuery Kullanır.

var warning = true;
window.onbeforeunload = function() { 
  if (warning) {
    return "You have made changes on this page that you have not yet confirmed. If you navigate away from this page you will lose your unsaved changes";
  }
}

$('form').submit(function() {
   window.onbeforeunload = null;
});