Javascript - 离开页面时确认

2023-12-12

我正在尝试实现一个基本的弹出窗口,询问用户是否真的想要离开页面,类似于如果我尝试在编写此消息的过程中关闭窗口,则会在该网站上发生的情况。

我意识到这通常会引起人们的不满,但我有充分的理由想要这样做。

我通过使用以下代码使其工作:

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

然而,我真正想做的是每当他们离开页面时显示该消息,除非他们通过单击两个链接之一离开。

(我刚刚意识到,听起来我可能想强迫他们点击广告或其他东西!)

使用此功能的原因是在预订流程结束时,用户可以确认其预订或在确认之前添加更多预订。 (这将是我不希望显示弹出消息的两种可能性,弹出窗口中的消息只会说“您的预订尚未确认,您确定要离开吗?”。

有办法实现这个目标吗?

任何建议表示赞赏。

Thanks.


在头部:

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

在允许离开的两个链接中,可以添加

onclick="disabledConfirm_exit=true;"

在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();
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript - 离开页面时确认 的相关文章