js 頁面關(guān)閉前的出現(xiàn)提示的實現(xiàn)代碼
更新時間：2011年05月25日 21:24:38 作者：
主流的瀏覽器都支持onbeforeunload事件(即頁面卸載前觸發(fā)的事件)，而現(xiàn)在大多網(wǎng)站都用到了此功能
實現(xiàn)起來比較簡單如下
window.onbeforeunload = function() {
return "確定離開頁面嗎？";
}
還有一種寫法
window.onbeforeunload = function(event) {
(event || window.event).returnValue = "確定退出嗎";
}
這個方法chrome和safari不支持，但是由于ie和ff的支持，html5也加入了標準...
大家都知道瀏覽器的幾種彈出對話框都會阻止事件的往下進行，(如alert，confirm)，進一步操作后會繼續(xù)事件的往下執(zhí)行
一般的做法都會這樣
window.onbeforeunload = function(event) {
return confirm("確定退出嗎");
}
而這里會彈出2次，return后面的內(nèi)容將作為是否離開頁面的提示..
復制代碼 代碼如下:
window.onbeforeunload = function() {
return "確定離開頁面嗎？";
}
還有一種寫法
復制代碼 代碼如下:
window.onbeforeunload = function(event) {
(event || window.event).returnValue = "確定退出嗎";
}
這個方法chrome和safari不支持，但是由于ie和ff的支持，html5也加入了標準...
大家都知道瀏覽器的幾種彈出對話框都會阻止事件的往下進行，(如alert，confirm)，進一步操作后會繼續(xù)事件的往下執(zhí)行
一般的做法都會這樣
復制代碼 代碼如下:
window.onbeforeunload = function(event) {
return confirm("確定退出嗎");
}
而這里會彈出2次，return后面的內(nèi)容將作為是否離開頁面的提示..
相關(guān)文章
javascript之循環(huán)停頓上下滾動...2007-08-08
在寫項目時,難免遇到需要上傳表單,圖片等文件,且表單內(nèi)容需進行驗證及必填項提示,圖片需要和信息一起傳遞且圖片載入后需可預(yù)覽,這篇文章給大家介紹el-form實現(xiàn)表單和圖片手動上傳和校驗功能,感興趣的朋友一起看看吧2024-01-01
這篇文章主要介紹了微信小程序 image組件遇到的問題，本文給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)網(wǎng)頁版貪吃蛇游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
layui radio點擊事件實現(xiàn)input顯示和隱藏的例子
今天小編就為大家分享一篇layui radio點擊事件實現(xiàn)input顯示和隱藏的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS字符串補全方法padStart()和padEnd()，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章主要介紹了js實現(xiàn)Select列表各項上移和下移的方法,涉及javascript動態(tài)操作頁面元素屬性值的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
Bootstrap彈出框modal上層的輸入框不能獲得焦點問題的解決方法
這篇文章主要介紹了Bootstrap彈出框modal上層的輸入框不能獲得焦點問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
用js實現(xiàn)的十進制的顏色值轉(zhuǎn)換成十六進制的代碼
用js實現(xiàn)的十進制的顏色值轉(zhuǎn)換成十六進制的代碼...2007-03-03
再次更新！MSClass (Class Of Marquee Scroll通用不間斷滾動JS封裝類 Ver 1.6)
再次更新！MSClass (Class Of Marquee Scroll通用不間斷滾動JS封裝類 Ver 1.6)...2007-02-02