這篇文章主要介紹了如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁(yè)面時(shí)彈出“確定要離開此面嗎？”的方法以及相關(guān)資料,需要的朋友可以參考下
如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁(yè)面時(shí)彈出“確定要離開此面嗎？”
一、避免彈出提示框
在網(wǎng)上搜了很多，答案大都是設(shè)置window.onbeforeunload=null ，但是試用之后無(wú)效。
這個(gè)問題放了兩天之后返回來再次想，終于找到了答案，在此和大家分享一下：
解除jquery離開頁(yè)面彈出提（1） 先解除綁定在設(shè)置彈出內(nèi)容為null。
代碼如下:
$(function(){
$(window).unbind('beforeunload');
window.onbeforeunload = null;
})
二、其他相關(guān)[摘要]
（1）window的onunload和onbeforeunload事件
以下是指在js中實(shí)現(xiàn),而非 <body onunload="close()"> 這種方法!
因?yàn)檫@樣是在unload掉body的時(shí)候觸發(fā),而無(wú)論任何瀏覽器,都會(huì)在關(guān)閉的時(shí)候unload掉body的!
模型1:
代碼如下:
function close(){
alert("this is a test");
}
window.onbeforeunload=close;
模型2:
代碼如下:
function close(){
if(document.body.clientWidth-event.clientX< 170&&event.clientY< 0||event.altKey)
{
alert("this is a test");
}
}
window.onbeforeunload=close;
關(guān)于模型1:
1).刷新,多窗口和單窗口都適合.
2).單窗口ie關(guān)閉整個(gè)ie觸發(fā).
3).ie7多窗口中關(guān)閉單頁(yè)觸發(fā)
4)其他多窗口刷新觸發(fā).關(guān)閉單個(gè)和關(guān)閉整個(gè)都不觸發(fā)
對(duì)于模型2:
1).ie單窗口 和ie7多窗口,都要關(guān)閉整個(gè)瀏覽器才觸發(fā)
2).其他多窗口瀏覽器刷新.關(guān)閉單頁(yè),關(guān)閉整個(gè)都不觸發(fā)
（2）創(chuàng)建離開提示框
綁定beforeunload事件
代碼如下:
$(window).bind('beforeunload',function(){
return '您輸入的內(nèi)容尚未保存，確定離開此頁(yè)面嗎？';
});
解除綁定
代碼如下:
$(window).unbind('beforeunload');
window.onbeforeunload = null;
以上就是本文所述的全部?jī)?nèi)容了，希望大家能夠喜歡。
更多信息請(qǐng)查看IT技術(shù)專欄
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試