javascript - $window.onblur 随机停止工作

Question

我现在在 safari 上运行良好，但并不总是在 Chrome 中运行:

app.controller(.... function($window){
  $window.focus();

  $window.onfocus = function(){
    $scope.inFocus = true;
  };

  $window.onblur = function (){
    console.log("onblur");
    $scope.inFocus = false;
  };

});

console.log 并不总是被触发。我想知道这是一个错误还是我做错了什么？

更新:我尝试了@Gabe给出的解决方案。有时它仍然会损坏，我想知道是否有其他操作干扰了它。虽然它看起来确实是随机的...

更新2:我仍然不知道它是如何卡住的，但我知道如何摆脱它:

1. 我单击窗口中的输入以将其聚焦。
2. 我在输入框外部单击以取消焦点。
3. 我切换选项卡并返回。它再次工作。

Answer 1

尝试使用 angular.element 的 API

angular.element($window).bind('blur', function (){
  console.log("onblur");
  $scope.inFocus = false;
});

http://plnkr.co/edit/khYHeJlvn2uCzKeTjndM