监听浏览器刷新/关闭页面
生活随笔
收集整理的這篇文章主要介紹了
监听浏览器刷新/关闭页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先，使用onunload或onbeforeunload可以監聽瀏覽器關閉事件，但是無法區分關閉與刷新。以下js代碼可以部分監聽關閉瀏覽器的事件！
可以在標簽中添加方法：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>beforeunload</title> </head> <body onbeforeunload="return myFunction()"><p>該實例演示了如何向 body 元素添加 "onbeforeunload" 事件。</p> <p>關閉當前窗口，按下 F5 或點擊以下鏈接觸發 onbeforeunload 事件。</p> <a href="https://blog.csdn.net/JohnZhongJob">博客地址</a> <script> function myFunction() {return "自定義內容"; } </script></body> </html>在js代碼中添加方法：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>beforeunload</title> </head> <body><p>該實例演示了代碼中監聽 "onbeforeunload" 事件。</p> <p>關閉當前窗口，按下 F5 或點擊以下鏈接觸發 onbeforeunload 事件。</p> <a href="https://blog.csdn.net/JohnZhongJob">博客地址</a> <script> window.onbeforeunload = function(event) {event.returnValue = "自定義內容"; };// window.addEventListener("beforeunload", function(event) { // event.returnValue = "自定義內容"; // }); </script> </body> </html>unload事件寫法同上。其中在beforeunload可以阻止unload事件，unload事件是在頁面刷新或者關閉之后才執行。
總結
以上是生活随笔為你收集整理的监听浏览器刷新/关闭页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [转]航天可靠性设计原则1000条
- 下一篇： 浏览器的三种刷新方式