Before page leave event and back button

Question

I am trying to bind an event on before leaving a page, but except, when the back button is pressed. This is my code for the event:

    window.onbeforeunload = (e) => {

    if(something){
        // do my custom code
    }
};

It works, but it binds and when the back button is pressed. This a normal logic, of course, but I need to find a way to check, is it back button pressed inside onbeforeunload. Something like this:

if(something && !isBackButton){
        // do my custom code
}

Abdelrhman Arnos · Answer 1 · 2020-04-19T14:37:44.053

1

I think onbeforeunload will work better for your situation. You can check intercept-page-exit-event

$(document).ready(function() {
    isBackButton = false; 
    window.onbeforeunload = backHandler;
});

function backHandler() {
    if (isBackButton) {
        // do something's
    }
}

$("button.back").click(function() {
    isBackButton = true;
});

The above code checks the isBackButton variable if it's true then it will execute your code. Whenever click on back button value is changed, isBackButton variable is set to true.

edited Apr 19 '20 at 14:37

answered Apr 18 '20 at 11:51

Abdelrhman Arnos

1,404
3
11
22

Yes, sry it is `onbeforeunload `. The question edited. – gdfgdfg Apr 18 '20 at 12:01
1

@gdfgdfg You can use a global boolean variable if you pressed the back button. – Abdelrhman Arnos Apr 18 '20 at 12:10
The problem is that `onbeforeunload` fires first and that variable is always `false`. – gdfgdfg Apr 19 '20 at 14:27
I just an example of how to handle your case. – Abdelrhman Arnos Apr 19 '20 at 14:38

Before page leave event and back button

1 Answers1