Zmiana zakładek przeglądarki powoduje niepożądane wywołanie fokusu, szczególnie w przeglądarce Google Chrome

Question

Mam problem z wydarzeniem, na którym się właśnie zorientowałem. Wygląda na to, że fokus uruchamia się po przełączeniu na inną kartę przeglądarki, a następnie z powrotem. Wolałbym, żeby tak się nie stało; Czy to możliwe?

Nigdy nie zdawałem sobie z tego sprawy aż do dzisiaj. Oto mały demo: http://jsfiddle.net/MJ6qb/1/

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

Aby odtworzyć: Skupienie na wejściu, a następnie przełączyć zakładki przeglądarki, a następnie powrócić. Po przełączeniu z powrotem do karty wszystkie przeglądarki wydają się uruchamiać fokus i Google Chrome 19 uruchamia go dwukrotnie:!

Idealnie, funkcja nie powinna działać podczas przełączania kart przeglądarki w ogóle, ale tylko po kliknięciu przez użytkownika lub Tab, ale teraz, że jestem świadomy kwestii Chrome jestem trochę bardziej zaniepokojony, bo to wynikająca w dodatkowych, niechcianych żądaniach AJAX w mojej prawdziwej aplikacji (służy do pobierania wyników autouzupełniania, który musi być aktualny, ale nie tak bardzo, że chcę użyć zdarzenia keyup).

To nie wydaje się być związane z jQuery (testowałem z javascriptem wanilii), ale mogę użyć jQuery do rozwiązania. Czy mogę coś z tym zrobić? Wiem, że mogę używać jQuery's one(), ale chcę, aby funkcja działała więcej niż jeden raz.

Answer 1

Spróbuj this

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; 
    });​ 

Answer 2

Spróbuj obejść problem:

var times = 0, foc=true; 

$(window).on('focus', function() { 
    foc = false; 
    setTimeout(function() {foc=true}, 200); 
}); 

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

FIDDLE