Javascript - Confirmation when leaving page

问题

I'm trying to implement a basic popup window that asks the user if they really want to leave a page, similar to what would happen on this site if I tried to close the window half way through writing this message.

I realise this is something that is generally frowned upon but I have good reason for wanting to do it.

I have got it working by using the following code:

function confirm_exit(e) {
        if(!e) e = window.event;

        e.cancelBubble = true;
        e.returnValue = 'Are you sure you want to leave?'; 

        if (e.stopPropagation) {
            e.stopPropagation();
            e.preventDefault();
        }
    }

However, what I would really like to do is display the message whenever they leave the page, UNLESS they leave by clicking one of two links.

(I've just realised that sounds like I might want to force them to click an advert or something!)

The reason for using this is at the end of a booking process, where users can either confirm their booking or add further bookings before making the confirmation. (These would be the two possibilities that I would NOT like the popup message to display, the message in the pop up would just say something like 'Your booking is not yet confirmed, are you sure you wish to leave?).

Is there anyway to achieve this?

Any advice appreciated.

Thanks.

回答1:

At the head:

<head>
...
<script type="text/javascript">
var disabledConfirm_exit=false;
</script>
</head>

In the two links allowed to leave, you can add

onclick="disabledConfirm_exit=true;"

And inside the confirm_exit

function confirm_exit(e) {
    if(disabledConfirm_exit) return;
    if(!e) e = window.event;

    e.cancelBubble = true;
    e.returnValue = 'Are you sure you want to leave?'; 

    if (e.stopPropagation) {
        e.stopPropagation();
        e.preventDefault();
    }
}

回答2:

window .unload function will help us to execute some javascript while closing the browser or redirecting to any other page. resources: http://api.jquery.com/unload/

来源：https://stackoverflow.com/questions/3156052/javascript-confirmation-when-leaving-page

标签

javascript

popup