Identifying Between Refresh And Close Browser Actions

Question

When we refresh the page (F5, or icon in browser), it will first trigger ONUNLOAD event. When we close the browser (X on right top icon),It will trigger ONUNLOAD event. Now

Answer 1

Credit to https://www.anandkanatt.com/how-do-i-detect-browser-window-closed-refreshed/#comment-15892. I simplified it a little by using the opener itself to check. Tested in Chrome Version 78.0.3887.7.

You may try this:

• Add a refresh-close-detector.html file. Here's the sample code:

• In the page you want to identifying between refresh and close browser actions, add an event listener to unload:

window.addEventListener('unload', () => {
  open('refresh-close-detector.html', '', 'width=100,height=100');
})