javascript - 行動端h5 可以監測到刷新或離開頁面嗎？

Question

在行動端h5頁面可以監控到頁面刷新嗎或離開本頁面

Answer 1

可以的 用onbeforeunload 和onunload

Answer 2

可以使用 HTML5 的 Page Visibility API

document.visibilityState：表示下面4 個可能狀態的值:
hidden：頁面在後台標籤頁中或瀏覽器最小化
visible：頁面在前台標籤頁中
prerender：頁面在螢幕外執行預處理器document. hidden 的值為true
unloaded：頁面正在從記憶體卸載
Visibilitychange事件：當文件從可見變為不可見或從不可見變為可見時，會觸發該事件。