Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Rudy Tan
PLUS
Rudy Tan
Courses Plus Student 16,635 Points
Posted by Rudy Tan
Rudy Tan
Courses Plus Student 16,635 Points

How to create exit popup in javascript?

Hello everyone,

I am stuck on this problem. I want to create an exit popup that triggered whenever user try to leave the browser (either by clicking the close button or back button).

Thank you

1 Answer

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

Handle the beforeUnload event.

Assuming you use jQuery:

$(window).on("beforeunload", function() { 
        return confirm("Do you really want to close?") 
    }
);
Rudy Tan
Rudy Tan
Courses Plus Student 16,635 Points
Rudy Tan
Rudy Tan
Courses Plus Student 16,635 Points

Thank you for the answer.

I tried it and it doesn't work in firefox.

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

The MDN documentation for the event says:

Note: To combat unwanted pop-ups, browsers may not display prompts created in beforeunload event handlers unless the page has been interacted with, or even not at all.

Also:

Various browsers ignore the result of the event and do not ask the user for confirmation at all. The document will always be unloaded automatically. Firefox has a switch named dom.disable_beforeunload in about:config to enable this behaviour.