Question

So I’ve been looking around for hours, testing multiple versions, testing some of my own theories and I just can’t seem to get it working.

What I’m trying to do is use alert or confirm (or whatever works) so popup a dialog when a user tries to navigate away from a purchase form. I just want to ask them “Hey, instead of leaving, why not get a free consultation?” and redirect the user to the “Free Consultation” form.

This is what I have so far and I’m just not getting the right results.

$(window).bind('beforeunload', function(){
        var pop = confirm('Are you sure you want to leave? Why not get a FREE consultation?');
        if (pop) {

            window.location.href('http://www.mydomain/free-consultation/');
        } else {
            // bye bye
        }
    });

    $("form").submit(function() {
        $(window).unbind("beforeunload");
    });

Answer 1

Instead of using the beforeunload and alert(), I decided to check whether or not the users mouse has left the document. See code below:

$(document).bind('mouseleave', function(event) {
    // show an unobtrusive modal
});