如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁(yè)面時(shí)彈出“確定要離開(kāi)此面嗎?”
一、避免彈出提示框
在網(wǎng)上搜了很多,答案大都是設(shè)置window.onbeforeunload=null ,但是試用之后無(wú)效。
這個(gè)問(wèn)題放了兩天之后返回來(lái)再次想,終于找到了答案,在此和大家分享一下:
解除jquery離開(kāi)頁(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;
復(fù)制代碼
關(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)建離開(kāi)提示框
綁定beforeunload事件
$(window).bind('beforeunload',function(){
return '您輸入的內(nèi)容尚未保存,確定離開(kāi)此頁(yè)面嗎?';
});
解除綁定
$(window).unbind('beforeunload');
window.onbeforeunload = null;
以上就是本文所述的全部?jī)?nèi)容了,希望大家能夠喜歡。
- js代碼判斷瀏覽器種類IE、FF、Opera、Safari、chrome及版本
- 使用Chrome調(diào)試JavaScript的斷點(diǎn)設(shè)置和調(diào)試技巧
- JavaScript無(wú)提示關(guān)閉窗口(兼容IE/Firefox/Chrome)
- 解決javascript:window.close()在chrome,Firefox下失效的問(wèn)題
- 完美兼容IE,chrome,ff的設(shè)為首頁(yè)、加入收藏及保存到桌面js代碼
- JQuery自適應(yīng)IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
- jQuery一步一步實(shí)現(xiàn)跨瀏覽器的可編輯表格,支持IE、Firefox、Safari、Chrome、Opera
- 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
- jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- chrome瀏覽器當(dāng)表單自動(dòng)填充時(shí)如何去除瀏覽器自動(dòng)添加的默認(rèn)樣式
- js chrome瀏覽器判斷代碼
- json格式化/壓縮工具 Chrome插件擴(kuò)展版
- 解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問(wèn)題
- JavaScript獲取鼠標(biāo)坐標(biāo)的函數(shù)(兼容IE、FireFox、Chrome)
- 禁止選中文字兼容IE、Chrome、FF等
- javascript判斷chrome瀏覽器的方法
- Chrome擴(kuò)展頁(yè)面動(dòng)態(tài)綁定JS事件提示錯(cuò)誤
- Chrome開(kāi)發(fā)者工具9個(gè)調(diào)試技巧詳解
相關(guān)文章
javascript實(shí)現(xiàn)信息增刪改查的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)信息增刪改查的方法,實(shí)例分析了javascript操作頁(yè)面元素實(shí)現(xiàn)針對(duì)頁(yè)面信息的增刪改查功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07在Javascript操作JSON對(duì)象,增加 刪除 修改的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇在Javascript操作JSON對(duì)象,增加 刪除 修改的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06微信小程序 下拉列表的實(shí)現(xiàn)實(shí)例代碼
這篇文章主要介紹了微信小程序 下拉列表的實(shí)現(xiàn)實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03js使用Promise實(shí)現(xiàn)簡(jiǎn)單的Ajax緩存
這篇文章主要介紹了js使用Promise實(shí)現(xiàn)簡(jiǎn)單的Ajax緩存,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11原生javascript實(shí)現(xiàn)解析XML文檔與字符串
這篇文章主要介紹了javascript解析XML文檔和XML字符串的方法和具體的代碼解析,有需要的小伙伴可以參考下。2016-03-03JS對(duì)外部文件的加載及對(duì)IFRMAME的加載的實(shí)現(xiàn),當(dāng)加載完成后,指定指向方法(方法回調(diào))
callback方法回調(diào)是指當(dāng)某方法執(zhí)行完成后,去自動(dòng)執(zhí)行指定的另一方法的過(guò)程.下面舉兩個(gè)代表性的例子,說(shuō)說(shuō)JS世界里的方法回調(diào).2011-07-07html+css+js實(shí)現(xiàn)簡(jiǎn)易版ChatGPT聊天機(jī)器人
OpenAI的一款聊天機(jī)器人模型ChatGPT爆火,本篇文章用一百行html+css+js代碼給大家制作一款簡(jiǎn)易的聊天機(jī)器人。2023-02-02