开发者

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.


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();
    }
}


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/

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜