浏览器页面关闭事件获取及处理--onbeforeunload
生活随笔
收集整理的這篇文章主要介紹了
浏览器页面关闭事件获取及处理--onbeforeunload
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
瀏覽器在關閉頁面操作時,提供onbeforeunload,onunload兩個事件。
瀏覽器onbeforeunload事件會在瀏覽器關閉前觸發,它在用戶離開頁面之前彈出一個確認框,問用戶是否要真正的離開本頁面。如果用戶點擊了“確認”按鈕,頁面將會跳轉或刷新。如果點擊了“取消”,則關閉操作會被取消,onunload事件不會被觸發。假設頁面中有一個表單,用戶填寫了數據但卻沒有保存提交,他直接點擊了刷新按鈕,這時候就可以使用onbeforeunload事件來提示用戶“數據沒有保存”,這樣就給哪些忘記提交或不小心點擊到頁面其他鏈接的用戶一個取消的機會。
在onbeforeunload函數中,只需要返回一個字符串,這個字符串由瀏覽器的對話框提供給用戶。類似瀏覽器的confirm對話框,顯示的樣式是瀏覽器內置的,你無法修改。你提供的字符串將顯示在對話框中,展現給用戶。
如果只想彈出確認框詢問用戶是否要離開,則只需在onbeforeunload的回調函數返回空字符串即可。代碼如下:
window.onbeforeunload = function(){ return ''; }總結
以上是生活随笔為你收集整理的浏览器页面关闭事件获取及处理--onbeforeunload的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 夜晚拍炫酷光绘大片,高级又有趣
- 下一篇: 2022 年编程语言排行,“没落语言”P