Detect when user navigates away from page

Question

How do I detect that a user is navigating away from my page? Kind of like stackoverflow does, if you have started writing a post.

I have tried $(window).unload() in jQuery, but I can't get it to work.

This statement is not entirely true, in IE9 it works, in fact a bit too well. It also pops up, if the page is refreshed. But in Chrome, nothing triggers.

@Roysvork, that seems to work for me! Care you to submit an answer? — Nicolai
– Nicolai, Commented Nov 29, 2012 at 13:44
There is an excellent article on the matter here: kbeezie.com/cross-browser-exit-pop This explains all the ins and outs of the different browsers. Enjoy! — beyond-code
– beyond-code, Commented Nov 29, 2012 at 14:11

Community · Accepted Answer · 2020-03-24 06:07:54Z

10

Include the jQuery library in your code, and then try out this

$(window).bind('beforeunload', function(){ return 'DataTest'; });

JsFiddle Demo

edited Mar 24, 2020 at 6:07

CommunityBot

11 silver badge

answered Nov 29, 2012 at 13:28

Pranay Rana

177k37 gold badges244 silver badges267 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Nicolai Over a year ago

It's funny, the JsFiddle demo works fine in my chrome browser, but if I implement on my page, it does nothing.

Pranay Rana Over a year ago

@Nicolai - check might be you fissing jquery file reference in page ...it will work for sure..

Nicolai Over a year ago

Yea, I have a ton of jquery on the page already, that works. It's weird.

Nicolai Over a year ago

Yea, unfortunately this didn't do anything for me. It works in IE, but for some reason not in chrome.

Sayo Oladeji Over a year ago

@Nicolai it's a known bug bugs.chromium.org/p/chromium/issues/detail?id=501292

Collectives™ on Stack Overflow

Detect when user navigates away from page

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related