js 頁面關閉前的出現(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)容將作為是否離開頁面的提示..
相關文章
Promise 是異步編程的一種解決方案，比傳統(tǒng)的解決方案——回調函數(shù)和事件——更合理和更強大。本文將總結一下在Promise中容易遇到的一些問題，感興趣的同學可以參考下2023-05-05
這篇文章主要介紹了JavaScript 自定義html元素鼠標右鍵菜單功能，本文通過實例代碼給大家分享實現(xiàn)思路，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
onchange 事件會在域的內(nèi)容改變時發(fā)生,可用于單選框與復選框改變后觸發(fā)的事件,本文通過示例代碼介紹javascript中的 onchange事件,感興趣的朋友跟隨小編一起看看吧2023-10-10
Highslide.js是一款基于js實現(xiàn)的網(wǎng)頁中圖片展示插件
這篇文章主要介紹了Highslide.js是一款基于js實現(xiàn)的網(wǎng)頁中圖片預覽查看工具,需要的朋友可以參考下2007-05-05
這篇文章主要為大家詳細介紹了javaScript實現(xiàn)復選框全選反選事件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
AutoJs4.4.1免費版快速接通vscode調試腳本的操作方法
這篇文章主要介紹了AutoJs4.4.1免費版快速接通vscode進行調試腳本,首先下載AutoJs并安裝，下載完成后，將2個apk文件拷貝到手機安裝即可，接下來需要安裝插件，本文分步驟給大家介紹的非常詳細，需要的朋友可以參考下2022-10-10
微信小程序實現(xiàn)可拖動懸浮圖標(包括按鈕角標的實現(xiàn))
這篇文章主要介紹了微信小程序實現(xiàn)可拖動懸浮圖標(包括按鈕角標的實現(xiàn)),本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
以下是平時收集的幾個常用代碼段，大多數(shù)是從網(wǎng)上搜集而來。也均為未找到是誰誰原創(chuàng)，是否允許轉載等要求， 所以如果看到的朋友發(fā)現(xiàn)其中有些代碼是自己寫的，還請原諒在下轉帖出來2011-11-11
在?JavaScript?中，宏任務和微任務是指在執(zhí)行代碼的過程中的兩種不同的任務類型，這篇文章主要介紹了JavaScript中的宏任務和微任務執(zhí)行順序,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細介紹了Three.js基礎學習教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11