chrom瀏覽器避免彈出“確定要離開此面嗎?”提示框


 

一、避免彈出提示框

在網上搜了很多,答案大都是設置window.onbeforeunload=null ,但是試用之后無效。

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

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

1 $(function(){
2   $(window).unbind('beforeunload');
3   window.onbeforeunload = null;
4 
5  })
View Code

二、其他相關[摘要]

(1)window的onunload和onbeforeunload事件

以下是指在js中實現,而非 <body onunload="close()"> 這種方法!
因為這樣是在unload掉body的時候觸發,而無論任何瀏覽器,都會在關閉的時候unload掉body的!

模型1:

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

模型2:

1 function close(){ 
2     if(document.body.clientWidth-event.clientX< 170&&event.clientY< 0||event.altKey) 
3     { 
4         alert("this is a test");
5     }  
6 } 
7 window.onbeforeunload=close;        

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

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

 (2)創建離開提示框

綁定beforeunload事件

 

1 $(window).bind('beforeunload',function(){
2     return '您輸入的內容尚未保存,確定離開此頁面嗎?';
3 });

解除綁定

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM