更改浏览器选项卡会意外触发焦点事件，尤其是在 Google Chrome 中

我刚刚意识到焦点事件有一个小问题。显然，当切换到另一个浏览器选项卡然后再次返回时，焦点会被触发。我宁愿不要这样的事情发生；是否可以？

直到今天我才意识到这一点。这是一个小演示：http://jsfiddle.net/MJ6qb/1/ http://jsfiddle.net/MJ6qb/1/

var times = 0;
$('input').on('focus', function() {
    times ++;
    $(this).after('<br>Focused '+times+' times');   
});

重现：专注于输入，然后切换浏览器选项卡，然后切换回来。当您切换回选项卡时，所有浏览器似乎都会触发焦点事件，并且Google Chrome 19 会触发两次!

Ideally, the function should not run when switching browser tabs at all but only on user click or Tab, but now that I'm aware of the Chrome issue I'm a bit more concerned about that because it's resulting in extra unwanted back-to-back AJAX requests in my real app (it's for fetching results for an autocomplete that needs to be up to date, but not so much that I want to use the keyup event).

它似乎与 jQuery 无关（我用 vanilla javascript 进行了测试），但我可以使用 jQuery 来解决。我能做些什么吗？我知道我可以使用 jQueryone()但我确实希望该函数运行多次。

Try this http://jsfiddle.net/MJ6qb/3/

var times = 0;
var prevActiveElement;

    $( window ).on( "blur", function(e){
            prevActiveElement = document.activeElement;
    });

    $('input').on('focus', function() {
        if (document.activeElement === prevActiveElement) {
            return;
        }
        prevActiveElement = document.activeElement;
        times++;
        $(this).after('<br>Focused ' + times + ' times');
    }).on( "blur", function(){
        prevActiveElement = null;  
    });​