js 頁面關(guān)閉前的出現(xiàn)提示的實(shí)現(xiàn)代碼
更新時(shí)間：2011年05月25日 21:24:38 作者：
主流的瀏覽器都支持onbeforeunload事件(即頁面卸載前觸發(fā)的事件)，而現(xiàn)在大多網(wǎng)站都用到了此功能
實(shí)現(xiàn)起來比較簡單如下
window.onbeforeunload = function() {
return "確定離開頁面嗎？";
}
還有一種寫法
window.onbeforeunload = function(event) {
(event || window.event).returnValue = "確定退出嗎";
}
這個(gè)方法chrome和safari不支持，但是由于ie和ff的支持，html5也加入了標(biāo)準(zhǔn)...
大家都知道瀏覽器的幾種彈出對(duì)話框都會(huì)阻止事件的往下進(jìn)行，(如alert，confirm)，進(jìn)一步操作后會(huì)繼續(xù)事件的往下執(zhí)行
一般的做法都會(huì)這樣
window.onbeforeunload = function(event) {
return confirm("確定退出嗎");
}
而這里會(huì)彈出2次，return后面的內(nèi)容將作為是否離開頁面的提示..
復(fù)制代碼 代碼如下:
window.onbeforeunload = function() {
return "確定離開頁面嗎？";
}
還有一種寫法
復(fù)制代碼 代碼如下:
window.onbeforeunload = function(event) {
(event || window.event).returnValue = "確定退出嗎";
}
這個(gè)方法chrome和safari不支持，但是由于ie和ff的支持，html5也加入了標(biāo)準(zhǔn)...
大家都知道瀏覽器的幾種彈出對(duì)話框都會(huì)阻止事件的往下進(jìn)行，(如alert，confirm)，進(jìn)一步操作后會(huì)繼續(xù)事件的往下執(zhí)行
一般的做法都會(huì)這樣
復(fù)制代碼 代碼如下:
window.onbeforeunload = function(event) {
return confirm("確定退出嗎");
}
而這里會(huì)彈出2次，return后面的內(nèi)容將作為是否離開頁面的提示..
相關(guān)文章
一文總結(jié)JavaScript中Promise遇到的問題
Promise 是異步編程的一種解決方案，比傳統(tǒng)的解決方案——回調(diào)函數(shù)和事件——更合理和更強(qiáng)大。本文將總結(jié)一下在Promise中容易遇到的一些問題，感興趣的同學(xué)可以參考下2023-05-05
JavaScript 自定義html元素鼠標(biāo)右鍵菜單功能
這篇文章主要介紹了JavaScript 自定義html元素鼠標(biāo)右鍵菜單功能，本文通過實(shí)例代碼給大家分享實(shí)現(xiàn)思路，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
onchange 事件會(huì)在域的內(nèi)容改變時(shí)發(fā)生,可用于單選框與復(fù)選框改變后觸發(fā)的事件,本文通過示例代碼介紹javascript中的 onchange事件,感興趣的朋友跟隨小編一起看看吧2023-10-10
Highslide.js是一款基于js實(shí)現(xiàn)的網(wǎng)頁中圖片展示插件
這篇文章主要介紹了Highslide.js是一款基于js實(shí)現(xiàn)的網(wǎng)頁中圖片預(yù)覽查看工具,需要的朋友可以參考下2007-05-05
javaScript實(shí)現(xiàn)復(fù)選框全選反選事件詳解
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)復(fù)選框全選反選事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
AutoJs4.4.1免費(fèi)版快速接通vscode調(diào)試腳本的操作方法
這篇文章主要介紹了AutoJs4.4.1免費(fèi)版快速接通vscode進(jìn)行調(diào)試腳本,首先下載AutoJs并安裝，下載完成后，將2個(gè)apk文件拷貝到手機(jī)安裝即可，接下來需要安裝插件，本文分步驟給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-10-10
微信小程序?qū)崿F(xiàn)可拖動(dòng)懸浮圖標(biāo)(包括按鈕角標(biāo)的實(shí)現(xiàn))
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)可拖動(dòng)懸浮圖標(biāo)(包括按鈕角標(biāo)的實(shí)現(xiàn)),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
以下是平時(shí)收集的幾個(gè)常用代碼段，大多數(shù)是從網(wǎng)上搜集而來。也均為未找到是誰誰原創(chuàng)，是否允許轉(zhuǎn)載等要求， 所以如果看到的朋友發(fā)現(xiàn)其中有些代碼是自己寫的，還請(qǐng)?jiān)徳谙罗D(zhuǎn)帖出來2011-11-11
JavaScript中的宏任務(wù)和微任務(wù)執(zhí)行順序
在?JavaScript?中，宏任務(wù)和微任務(wù)是指在執(zhí)行代碼的過程中的兩種不同的任務(wù)類型，這篇文章主要介紹了JavaScript中的宏任務(wù)和微任務(wù)執(zhí)行順序,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細(xì)介紹了Three.js基礎(chǔ)學(xué)習(xí)教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11