AngularJS watch $ window.documet.visibilityStateは変更時に即座に動作しません

Question

私はAngularJsバージョン1.4を使用しています。私のアプリのタブにユーザーがいないときを検出する必要があります。 5秒のような

$rootScope.$watch(angular.bind($window, function(document){ 
    return this.document.visibilityState 
}), function (n, o) { 
    if (n === 'visible' && o == 'hidden') { 
     console.log('Im back') 
    } 
}) 

私はタブに戻ったとき、それは変更に応答機能を起動するまで、それは多くの時間を要するという問題が、何か：$この方法を見て。

誰でも何らかの理由がありますか？

Answer 1

あなたは、ウィンドウのONFOCUSととonblur試すことができます。

window.onblur = function() { console.log('blur'); } 
window.onfocus = function() { console.log('focus'); } 

それは、単純なJavaスクリプトで動作します。 角度であなたはこれを試すことができます

$window.onblur = function() { console.log('blur'); } 
$window.onfocus = function() { console.log('focus'); }