如何實作chrome瀏覽器關閉頁面時彈出「確定要離開此面嗎？」_javascript技巧

一、避免彈出提示框

網路上搜了很多，答案大都是設定window.onbeforeunload=null ，但試用後無效。

這個問題放了兩天之後回來再次想，終於找到了答案，在此和大家分享一下：

解除jquery離開頁面彈出提（1） 先解除綁定在設定彈出內容為null。

複製程式碼 程式碼如下:

 $(function(){
 　　$(window).unbind('beforeunload');
 　　window.onbeforeunload = null;
 　})

二、其他相關[摘要]

（1）window的onunload和onbeforeunload事件

以下是指在js中實作,而非

這種方法!
因為這樣是在unload掉body的時候觸發,而無論任何瀏覽器,都會在關閉的時候unload掉body的!

模型1:

複製程式碼 程式碼如下:

 function close(){
 alert("this is a test");
 }
 window.onbeforeunload=close;

模型2:

複製程式碼 程式碼如下:

 function close(){
     if(document.body.clientWidth-event.clientX      {
         alert("this is a test");
     } 
 }
 window.onbeforeunload=close;     

複製程式碼
關於模型1:
1).刷新,多視窗和單一視窗都適合.
2).單一窗口ie關閉整個ie觸發.
3).ie7多視窗中關閉單頁觸發
4)其他多視窗刷新觸發.關閉單一和關閉整個都不觸發

對於模型2:
1).ie單一視窗 和ie7多視窗,都要關閉整個瀏覽器才觸發
2).其他多視窗瀏覽器刷新.關閉單頁,關閉整個都不觸發

 （2）建立離開提示框

綁定beforeunload事件

複製程式碼 程式碼如下:

 $(window).bind('beforeunload',function(){
     return '您輸入的內容尚未儲存，確定離開此頁面嗎？ ';
 });

解除綁定

複製程式碼 程式碼如下:

 $(window).unbind('beforeunload');
 window.onbeforeunload = null;

以上就是本文所述的全部了，希望大家能夠喜歡。