Difference in Browser and tab close event for beforeunload

Asked Dec 07 '20 at 13:46

Active Dec 07 '20 at 16:09

Viewed 581 times

I'm working with Reactjs and have this requirement where I need to differentiate between Browser close event and Tab close event. I'm using 'beforeunload' for this, but the event is called for both the events (browser and tab close).

My code looks like this -

componentDidMount() {
    window.addEventListener('beforeunload', this.handleUnload);
}

componentWillUnmount() {
    window.removeEventListener('beforeunload', this.handleUnload);
}
 
 handleUnload(e) {
    var message = "\o/";
    console.log(window.event);
    (e || window.event).returnValue = message; //Gecko + IE
    return message;
 }

Can Someone tell me how can I differentiate for these two events.

edited Dec 07 '20 at 16:09

asked Dec 07 '20 at 13:46

Deepesh gulati

Just curious, what do you need this for? The user is leaving your webpage regardless. – Dragos Strugar Dec 07 '20 at 13:53
It is totally on the requirement basis for the expiry of the user session. – Deepesh gulati Dec 07 '20 at 14:35
So you want to delete a cookie only when the user closes the browser, not when they close a tab, right? – Sergiu Paraschiv Dec 07 '20 at 16:11
Yes @SergiuParaschiv – Deepesh gulati Dec 07 '20 at 20:36

Difference in Browser and tab close event for beforeunload

0 Answers0