首頁 > web前端 > js教程 > 如何實作chrome瀏覽器關閉頁面時彈出「確定要離開此面嗎?」_javascript技巧

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

WBOY
發布: 2016-05-16 16:11:10
原創
5109 人瀏覽過

一、避免彈出提示框

網路上搜了很多,答案大都是設定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;

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板