瀏覽器在關(guān)閉頁面操作時，提供onbeforeunload，onunload兩個事件。

瀏覽器onbeforeunload事件會在瀏覽器關(guān)閉前觸發(fā)，它在用戶離開頁面之前彈出一個確認框，問用戶是否要真正的離開本頁面。如果用戶點擊了“確認”按鈕，頁面將會跳轉(zhuǎn)或刷新。如果點擊了“取消”，則關(guān)閉操作會被取消，onunload事件不會被觸發(fā)。假設(shè)頁面中有一個表單，用戶填寫了數(shù)據(jù)但卻沒有保存提交，他直接點擊了刷新按鈕，這時候就可以使用onbeforeunload事件來提示用戶“數(shù)據(jù)沒有保存”，這樣就給哪些忘記提交或不小心點擊到頁面其他鏈接的用戶一個取消的機會。

在onbeforeunload函數(shù)中，只需要返回一個字符串，這個字符串由瀏覽器的對話框提供給用戶。類似瀏覽器的confirm對話框，顯示的樣式是瀏覽器內(nèi)置的，你無法修改。你提供的字符串將顯示在對話框中，展現(xiàn)給用戶。

如果只想彈出確認框詢問用戶是否要離開，則只需在onbeforeunload的回調(diào)函數(shù)返回空字符串即可。代碼如下：

window.onbeforeunload = function(){ return ''; }

總結(jié)

以上是生活随笔為你收集整理的浏览器页面关闭事件获取及处理--onbeforeunload的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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