Beforeunload is not working to redirect user to another page, how can I redirect user to another page/url when he attempts to close a window/tab?

Question

My following code isn't working to redirect the user to another page:

$(window).on('beforeunload',function(){
                        window.location.href="http://www.google.com;
                    }) ;

I want the user to be redirected to another page when he attempts to close the tab. What's the alternative and appropriate way to achieve this?

Answer 1

*Don't do it*

But it is possible with the user's permission; you can achieve something like this (took me a while to find a website that was happy in a frame)

window.onbeforeunload = function () {
    window.setTimeout(function () { // escape function context
        window.location = 'http://bbc.co.uk';
    }, 0);
    window.onbeforeunload = null;   // necessary to prevent infinite loop
                                    // that kills your browser
    return 'Press "Stay On Page" to go to BBC website!';
        // pressing leave will still leave, but the GET may be fired first anyway
}

Demo