jquery onbeforeload event prevent

Declare a global variable. And its value on button click or dropdown change. Next, in beforeonload method you need to check the value of global variable. If it is true then show alert message otherwise ignore it.

Secondly, I see you are making onbeforeload method as null on button and dropdown change. So it should work perfectly to avoid message. Are you getting any error in console tab of your browser..

You can try like:

$('form#someForm').submit(function() {
$(window).unbind('beforeunload');
});
// OR
window.addEventListener("beforeunload", functionToRun);
function functionToRun(e){
if(sessionStorage.token != "abide" ){
// call api
}
}
window.removeEventListener("beforeunload",functionToRun);

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Manas Mohapatra9y ago
Declare a global variable. And its value on button click or dropdown change. Next, in beforeonload method you need to check the value of global variable. If it is true then show alert message otherwise ignore it.
Secondly, I see you are making onbeforeload method as null on button and dropdown change. So it should work perfectly to avoid message. Are you getting any error in console tab of your browser..

You can try like:
$('form#someForm').submit(function() {
   $(window).unbind('beforeunload');
});

// OR

window.addEventListener("beforeunload", functionToRun);

function functionToRun(e){
     if(sessionStorage.token != "abide" ){
        // call api
     }
}
window.removeEventListener("beforeunload",functionToRun);
+1