jquery를 사용하여 여러 요소에 포커스가 없는지 확인하는 방법

Question

두 요소에 포커스가 없는지 어떻게 확인합니까?

텍스트 상자와 드롭 다운 목록이 있습니다. 둘 다 초점에 있지 않으면 드롭 다운을 숨기려고합니다.

다음 코드로 확인할 수 있습니까?

if (!$("#dropdown,#textbox").is(":focus")) 

Answer 1

document.activeElement는이 다음 ID가 dropdown 또는 textbox 일치하지 않음을 확인한다 할 일은, 어떤 jQuery를이 필요하지 현재 포커스 요소를 반환합니다!

var focused = document.activeElement.id; 

if (focused != 'dropdown' && focused != 'textbox') { 
    document.getElementById('dropdown').style.display = 'none'; 
} 

또는 jQuery를 버전 :

$('#dropdown').toggle(!$("#dropdown, #textbox").is(":focus")); 

Answer 2

if ($("#dropdown,#textbox").is(":focus")) //its valid it will validate any 
{ 
    $("#dropdown").show(); 
}else{ 
    $("#dropdown").hide(); 
} 

Answer 3

보십시오!. (('# 드롭 다운')가 $ 인 경우

if (!$('#dropdown').is(':focus') && !$("#textbox").is(':focus')) { your function here }