javascript - 在 Safari/Chrome 中，如何在 ready() 和 focus() 上触发函数 A，在 blur() 上触发函数 B？

Question

我有一个计数器，当窗口聚焦时倒计时，当窗口模糊时停止计数。

我的代码与 Firefox 和 IE 完美配合，因为使用 FF 或 IE，在加载文档时会触发 focus() 事件。

但在 Safari/Chrome 中却不是。

有谁知道我如何在使用 Safari/Chrome 加载时触发 countDown() 函数？非常感谢

我的代码有这样的结构：

$(document).ready(function(){    
         $(window).focus(function(){
              countDown();      
          });

       $(window).blur(function(){
              stopCount();      
          });

});

Answer 1

你也准备好打电话怎么样countDown？不过，您可能必须先检查窗口是否仍然具有焦点。而且你应该确保countDown没有被调用 - 或者让 countDown “抵抗”额外的调用。

或者另一种方式，应该使代码更简洁的是简单地调用$(document).focus()from $(document).ready。

更多背景：

$(document).ready(function(){
    $(window).focus(function(){
        countDown();      
    }).blur(function(){
        stopCount();      
    }).focus();
});

Answer 2

你能试试类似的东西：

if ( $.browser.webkit ) {
   countDown();
}

我认为这将检查它是否是 webkit 浏览器，然后触发 countDown() 事件