어떤 요소가 포커스를 잃어 버렸을 때 테스트하기

Question

내가하려고하는 것은 포커스가 다른 특정 요소 (다른 SELECT)로 옮겨 졌을 때 요소 (SELECT)가 포커스를 잃을 때 테스트하는 것입니다. 초점이 사라지고 두 가지 중 하나에 있지 않을 때 무언가를 실행하고 싶습니다.

문제는 다른 셀렉션에 포커스를 잃었을 때 첫 번째 선택에서 테스트했지만 DOM이 아직 업데이트되지 않은 경우입니다.

$select1.on("blur", function() { 
    if($select2.is(":focus")) 
    { 
     // do something 
    } 
    else 
    { 
     // do something else 
    } 
}); 

$ 선택 1과 선택 2 $이 요소를 포함 두 변수 :

는 여기에 내가 무슨 짓을했는지의 exemple입니다. JQuery는 요소가 포커스를 얻었을 때 식별자 ": focus"를 추가했지만 읽은 것처럼 작동하지 않습니다.

모든 경우에 "else something"으로 이동합니다.

Answer 1

매트는 이벤트 순서에 대해서는 맞지만 조금 더 창조적 일 수 있습니다.

예를 들어 setTimeout을 사용하여 흐리게 처리를 지연하면 이미 초점을 맞췄다는 것을 알 수 있습니다. 단순한.

$select1.on("blur", function() { 
    window.setTimeout(function() { 
    if($select2.is(":focus")) 
    { 
     // do something 
    } 
    else 
    { 
     // do something else 
    } 
    },100); 
}); 

시도해보십시오.

Answer 2

blur 이벤트가 분명히새로운 요소의 focus되기 전에, 당신이 할 수있는 만 것은 하나 개의 이벤트에 변수를 설정하고 다른 그것을 감지되고 해고이기 때문입니다.

$select1.on('blur', function (e) { 
    var $that = $(this); 

    setTimeout(function() { 
     if (($that.data('focussed') || 0) > e.timeStamp - 5) { 
      // Do something 
     } else { 
      // Something else 
     } 
    }, 1); 
}); 

$select2.on('focus', function (e) { 
    $select1.data('focussed', e.timeStamp); 
}); 

여기에서 작업하십시오. http://jsfiddle.net/uZAMm/