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

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

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

如何在离开页面时弹出确认对话框_第1张图片

     该方式具体的代码如下:

Js代码   收藏代码
  1. <script type="text/javascript">  
  2.   
  3. var curElement;  
  4.   
  5. function pageBeforeunload(evt){     
  6.     return 'Are you sure you want to leave this page?';  
  7. }  
  8.   
  9. </script>  
  10.   
  11. <body onbeforeunload="return pageBeforeunload(event);">  
  12.   
  13. </body>  
 

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

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

Js代码   收藏代码
  1. function pageBeforeunload(evt){  
  2.     var confirm = confirm('Are you sure to leave this page?');  
  3.     if(confirm == true){  
  4.         // 添加必要的处理逻辑  
  5.     }  
  6. }  
 
转自: http://www.cnblogs.com/drummery/archive/2009/01/12/1374132.html

你可能感兴趣的:(如何在离开页面时弹出确认对话框)