js監聽頁面是否在瀏覽器當前頁面

在最近的一個socket項目中，需要監聽客戶端是否已讀客服端發送的消息。

這里用到了html5中document新增了一個事件 visibilitychange,這個事件在頁面前台或后台切換時被觸發，它也有個對應的屬性visibilityState,用於檢測當前頁面的狀態值為hidden還是visible。

// 監聽是否在當前頁，並置為已讀
document.addEventListener("visibilitychange", function () {
  if (!document.hidden) {   //處於當前頁面
    // do something
  }
});