本文實(shí)例講述了js實(shí)現(xiàn)用戶離開(kāi)頁(yè)面前提示是否離開(kāi)此頁(yè)面的方法(包括瀏覽器按鈕事件)。分享給大家供大家參考。具體如下：

用戶離開(kāi)頁(yè)面前，提示是否離開(kāi)此頁(yè)面(包括瀏覽器按鈕事件)

window.onbeforeunload = function(){

return "您的文章尚未保存！";

}

如果在退出頁(yè)面時(shí)需要彈出對(duì)話框，提示用戶將要退出頁(yè)面，類似當(dāng)設(shè)置某個(gè)功能時(shí)而沒(méi)有保存頁(yè)面。這個(gè)實(shí)現(xiàn)的方法比較簡(jiǎn)單，最常見(jiàn)的就是使用unload事件，但這種實(shí)現(xiàn)有一個(gè)缺點(diǎn)，就是不管同意與否，結(jié)果還是一樣，會(huì)退出頁(yè)面，因此，如果要彈出對(duì)話框，就有用戶可選擇的空間，如果確定則退出，否則就不關(guān)閉頁(yè)面

這里推薦使用onbeforeunload()事件，意思就是在加載unload事件前執(zhí)行的方法，使用如下：

window.onbeforeunload = function(){

return "必您確定要退出頁(yè)面嗎？";

}

這樣就會(huì)彈出一個(gè)對(duì)話框，只有確認(rèn)將會(huì)退出頁(yè)面。

window.onbeforeunload可結(jié)合jQuery實(shí)現(xiàn)當(dāng)用戶設(shè)置頁(yè)面而沒(méi)有保存的提示效果，也就是如果已保存則不應(yīng)該提示出對(duì)話框，可使用如下方法，當(dāng)不需要

提示對(duì)話框：

window.onbeforeunload = function(){

return;

}

這樣就會(huì)直接退出頁(yè)面，而不會(huì)彈出任何對(duì)話框。

結(jié)合jQuery實(shí)現(xiàn)Javascript退出頁(yè)面彈出對(duì)話框就是結(jié)合上面兩種方法，當(dāng)頁(yè)面滿足某種情況后，如果需要彈出對(duì)話框則彈出，否則不彈出對(duì)話框，這樣就非常的方便，jQuery有自身的unload方法，但同樣不能實(shí)現(xiàn)返回，只有一種結(jié)果，那就是退出頁(yè)面，因此，結(jié)合window.onbeforeunload 將能實(shí)現(xiàn)一個(gè)退出頁(yè)面彈出對(duì)話框的功能。

PS：這里再為大家提供一個(gè)關(guān)于JS事件的在線工具，歸納總結(jié)了JS常用的事件類型與函數(shù)功能：

javascript事件與功能說(shuō)明大全：

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

總結(jié)

以上是生活随笔為你收集整理的php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。