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