jQuery .blur .focus funktioniert nicht im Test

Question

Beim Schreiben eines Jasmintests scheint jQuery nicht zu erkennen, dass eine Eingabe den Fokus hat. Wenn zwischen den beiden Eingabeelementen gewechselt wird, wird die Warnung nicht angezeigt, und wenn Sie auf die Eingaben klicken, ohne die andere zu fokussieren, wird die Warnung angezeigt. Durch die Verwendung von .focus und .blur in meinem Testcode kann ich jedoch nicht das gewünschte Verhalten erzielen. Es denkt immer, dass keiner von ihnen konzentriert ist. Auch ohne den Aufruf .triggerHandler wird der Blur-Handler überhaupt nicht aufgerufen.

Die Eingänge sind sichtbar und an das DOM angeschlossen.

var $inputs = $("input"); 
function blurTimeout() { 
    if (!$inputs.is(":focus")) { 
    alert("Nothing's focused"); 
    } 
} 

function blur() { 
    setTimeout(blurTimeout, 0); 
} 

function main() { 
    $inputs.on("blur", blur); 
} 
$(main); 

jsfiddle

bearbeiten Es scheint, dass $inputs.first().focus() Aufruf einer der Eingänge zu konzentrieren, dann alert($inputs.first().is(":focus")) Benachrichtigungen false.

var $input = $inputs.first(); 
$input.focus(); 
alert(!!$input.is("focus")); // -> false 

Answer 1

Die Ereignisse und Handler scheinen gut zu schießen. Das Problem ist die Logik. Wenn einer der Eingänge den Fokus hat, gibt !$inputs.is(':focus') immer false zurück. Sie können das beheben, indem Sie ersetzen:

!$inputs.is(':focus') 

mit:

$inputs.filter(':focus').length 

DEMO

Answer 2

Unter dem geänderten Code. Das Testen funktioniert jetzt wie beabsichtigt und das ursprüngliche Verhalten wird beibehalten.

var $inputs = $("input"); 
function blurTimeout() { 
    var index = $inputs.length; 
    while(index--){ 
     if($inputs[index] === document.activeElement){ 
      return; 
     } 
    } 
    alert("Nothing's focused"); 
} 

function blur() { 
    setTimeout(blurTimeout, 0); 
} 

function main() { 
    $inputs.on("blur", blur); 
} 
$(main);