How does the "Changes you have made may not be saved?" popup show up in browsers?

Question

I want the "Changes you have made may not be saved?" popup to show up when a user tries to close a tab without properly exiting, how do I make sure it shows up?

You should not prevent a user from ever closing a tab. – Jeff B Mar 29 '21 at 15:16 — Jeff B, Mar 29 '21 at 15:16

Matthias · Accepted Answer · 2021-03-29T15:30:37.503

Check here : Confirmation before closing of tab/browser

You may what to check some stuff on the window.onbeforeunload event.

Edit:

I copied and pasted the solution from yaya into my html which will at lease use the browsers default question if you are sure to leave. Full snippet:

<!DOCTYPE html>
<html>

<head>
    <title>Page Title</title>
</head>

<body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
    <script>
        var ask = true
        window.onbeforeunload = function (e) {
            if (!ask) return null
            e = e || window.event;
            //old browsers
            if (e) { e.returnValue = 'Sure?'; }
            //safari, chrome(chrome ignores text) 
            return 'Sure?';
        };
    </script>
</body>

</html>

How does the "Changes you have made may not be saved?" popup show up in browsers?

1 Answers1