Javascript: Überprüfen Sie, ob der Benutzer mit einem Formular reicht oder eine einfache Verknüpfung klicken Sie auf

Question

Ich muss die Benutzer etwas erinnern, wenn sie die Seite verlassen, und das kann mit dem window.onUnload -Ereignis behandelt werden. Aber ich muss auch überprüfen, ob der Benutzer weg navigiert, indem Sie das Formular auf der Seite senden oder indem Sie auf die Navigationslinks klicken. Ich könnte das onSubmit-Ereignis des Formulars verwenden, um ein Flag festzulegen, und dann im Fenster.onUnload-Ereignis nach diesem Flag suchen, aber ich bin mir nicht sicher, welches zuerst ausgelöst wird.

irgendwelche Ideen?

Answer 1

Sie wollen eigentlich

window.onbeforeunload = function (e) { 
    var e = e || window.event; 

    // For IE and Firefox 
    if (e) { 
    e.returnValue = 'Are You Sure?'; 
    } 

    // For Safari 
    return 'Are You Sure?'; 
}; 

Answer 2

Es stellt sich heraus, dass die window.onbeforeunload form.onSubmit Ereignis ausgelöst wird zuerst so dass ich ein Flag verwenden können. Ich habe das nur in Firefox und Safari überprüft.

Answer 3

var isRefresh = true; 
window.onunload = function() { 
    alert('the page was ' + (isRefresh == false ? 'NOT ' : '') + 'refreshed'); 
} 
$('a').live('click', function() { isRefresh = false; alert('a link was clicked'); }); 
$('form').bind('submit', function() { isRefresh = false; alert('form was submitted'); }); 

auf How to capture the browser window close event? Basierend. Ich habe die Refresh-Logik hinzugefügt.