如何在离开页面时弹出确认对话框

 离开页面确认主要是利用了onbeforeunload事件,当该事件声明为:

<body οnbefοreunlοad="return pageBeforeunload(event);">
时(注意是return一个函数),在页面离开时将弹出默认的询问确认窗口, pageBeforeunload()函数只需要返回一个字符串,字符串的内容将显示在该窗口的中间一行,点击OK离开页面,点击Cancel继续停留在当前页面。

     该方式具体的代码如下:

<script type="text/javascript">

var curElement;

function pageBeforeunload(evt){   
    return 'Are you sure you want to leave this page?';
}

</script>

<body οnbefοreunlοad="return pageBeforeunload(event);">

</body>
 

     另外一种方式是把onbeforeunload声明为:

<body οnbefοreunlοad="pageBeforeunload(event);">
    在该种方式下,将不会弹出系统默认的离开确认对话框,此时可以在pageBeforeunload函数内部,通过调用confirm方法进行确认,这种方式的好处是,即便在用户确认离开页面的时候,也可以进行必要的状态保存操作。此时pageBeforeunload的代码可以写成:

function pageBeforeunload(evt){
    var confirm = confirm('Are you sure to leave this page?');
    if(confirm == true){
        // 添加必要的处理逻辑
    }
}
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值