您的位置：首页 > 其它

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

2014-11-16 10:51 309 查看
离开页面确认主要是利用了onbeforeunload事件，当该事件声明为：

Js代码


<body onbeforeunload="return pageBeforeunload(event);">

时（注意是return一个函数），在页面离开时将弹出默认的询问确认窗口， pageBeforeunload()函数只需要返回一个字符串，字符串的内容将显示在该窗口的中间一行，点击OK离开页面，点击Cancel继续停留在当前页面。



该方式具体的代码如下：

Js代码


<script type="text/javascript">

var curElement;

function pageBeforeunload(evt){

return 'Are you sure you want to leave this page?';

}

</script>

<body onbeforeunload="return pageBeforeunload(event);">

</body>

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

Js代码


<body onbeforeunload="pageBeforeunload(event);">

在该种方式下，将不会弹出系统默认的离开确认对话框，此时可以在pageBeforeunload函数内部，通过调用confirm方法进行确认，这种方式的好处是，即便在用户确认离开页面的时候，也可以进行必要的状态保存操作。此时pageBeforeunload的代码可以写成：

Js代码


function pageBeforeunload(evt){

var confirm = confirm('Are you sure to leave this page?');

if(confirm == true){

// 添加必要的处理逻辑

}

}

转自：http://www.cnblogs.com/drummery/archive/2009/01/12/1374132.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航