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

2022-05-02 19:57:11 字數 306 閱讀 6421

在最近的乙個socket專案中,需要監聽客戶端是否已讀客服端傳送的訊息。

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

//

監聽是否在當前頁,並置為已讀

document.addeventlistener("visibilitychange", function

() });

瀏覽器監聽當前頁 是否切屏

瀏覽器監聽當前頁 是否切屏 瀏覽器自帶了相關的api了,那就是利用visibilitychange屬性,mdn的介紹 當其選項卡的內容變得可見或被隱藏時,會在文件上觸發visibilitychange 能見度更改 事件。所以我只需要註冊監聽對visibilitychange的事件即可 documen...

js 怎樣判斷使用者是否在瀏覽當前頁面

有些時候我們需要在專案中判斷使用者是否在瀏覽當前頁面,或者當前頁面是否處於啟用狀態。然後再進行相關的操作。瀏覽器中可通過window物件的onblur onfocus判斷,或者document的hidden屬性判斷。1 window.onblur window.onfocus 關於是否失焦點,瀏覽器...

js判斷當前瀏覽器頁面是否切換

公司做mifi裝置,ui介面很多資訊需要1s鐘不斷非同步請求更新資訊,如果同時開啟多個瀏覽器或者多個當前介面,裝置1s鍾會收到很多個請求,由於裝置本身記憶體限制,會導致響應速度過慢,且會造成裝置重啟等。所以需要我們只對停在當前介面的頁面請求進行處理,其他切換掉的介面不再下發請求。頁籤切換或觸發瀏覽器...