使用JavaScript檢測用戶活動

Question

我正在寫一個基於回合的游戲，在該游戲中，服務器可能會隨機向javascript客戶端發送消息。 當客戶端收到這些消息時，它將在文檔標題上加上星號。 我的問題是，如何檢測到用戶正在查看頁面，以便一旦用戶看到新消息就可以刪除星號？ 例如，Gmail和Facebook如何做到這一點？ 我聽說不能在body對象上放置onfocus屬性。

我也想知道為什么人體沒有onfocus屬性。

Answer 1

您可以檢查document.hidden或使用document.visibilityState 獲得更多選項 。

支持非常好。

Answer 2

為什么不聽window上的focus和blur事件呢？

window.addEventListener('focus', onFocus); // window has focus
window.addEventListener('blur', onBlur); // window lost focus