Benachrichtigen Sie Benutzer auf browser-schließen nur

Beachten Sie, dass in Ihrem code, die Sie verwenden onbeforeclose, aber der event-name ist beforeunload, so wird die Eigenschaft ist onbeforeunload, nicht onbeforeclose.

Ich will einfach nur, um die Arbeit dieser code nur für die browser-erfrischend und schließen. Gibt es eine Möglichkeit, zu fangen, die aktualisieren oder browser-cosing, so dass es verwenden kann.

Nicht. Stattdessen haben Sie die Aufnahme jeder einzelnen link-und Formular-Vorlage und entweder ein flag setzen, erzählen Sie Ihren onbeforeunload - handler nicht einen string zurückgeben, oder entfernen Sie Ihre onbeforeunload handler (wahrscheinlich die Flagge ist sauberer).

Beispiel:

var warnBeforeClose = true;
function unloadPage(){
    if (warnBeforeClose) {
        return "Your changes will not be saved.";
    }
}
window.onbeforeunload = unloadPage;

//...when the elements exist:
$("a").click(dontWarn);
$("form").submit(dontWarn);
function dontWarn() {
    //Don't warn
    warnBeforeClose = false;

    //...but if we're still on the page a second later, set the flag again
    setTimeout(function() {
        warnBeforeClose = true;
    }, 1000);
}

Oder ohne setTimeout (aber immer noch mit einem timeout):

var warningSuppressionTime = 0;
function unloadPage(){
    if (+new Date() - warningSuppressionTime > 1000) { //More than a second
        return "Your changes will not be saved.";
    }
}
window.onbeforeunload = unloadPage;

//...when the elements exist:
$("a").click(dontWarn);
$("form").submit(dontWarn);
function dontWarn() {
    //Don't warn for the next second
    warningSuppressionTime = +new Date();
}

Update im Jahr 2017: beachten Sie Auch, dass als der zumindest vor ein paar Jahren, Browser nicht anzeigen der Nachricht, die Sie zurück; Sie verwenden einfach die Tatsache, wieder etwas anderes als null als ein flag, um zu zeigen, Ihre eigene, gebaut-in der Nachricht statt.

Einer der einfache Lösungen für dein problem, eine Flagge und dann rufen Sie Ihre Funktion nur, wenn das flag gültig ist. In diesem Fall können Sie binden Sie die Anker-tags, F5 und Formular Absenden-button klicken, um Ereignisse, die als false-flag. So Ihr Alarm-bar wird nur sichtbar, wenn die oben genannten Fällen nicht passiert 🙂

Hier ist das Skript:

var validNavigation = false;

function endSession() {
  //Browser or broswer tab is closed
  alert("bye");
}

function wireUpEvents() {

  window.onbeforeunload = function() {
      if (!validNavigation) {
         endSession();
      }
  }

  //Attach the event keypress to exclude the F5 refresh
  $(document).bind('keypress', function(e) {
    if (e.keyCode == 116){
      validNavigation = true;
    }
  });

  //Attach the event click for all links in the page
  $("a").bind("click", function() {
    validNavigation = true;
  });

  //Attach the event submit for all forms in the page
  $("form").bind("submit", function() {
    validNavigation = true;
  });

  //Attach the event click for all inputs in the page
  $("input[type=submit]").bind("click", function() {
    validNavigation = true;
  });

}

//Wire up the events as soon as the DOM tree is ready
$(document).ready(function() {
  wireUpEvents();  
});