jQuery .focusOut() 다음 선택 요소에 따라 달라지는 조건부 동작

Question

텍스트 입력이 #usernameInput 인 표 셀과 #saveLink 링크가 있습니다. jQuery를 사용하여 #saveLink의 click 이벤트에 함수가 할당되었습니다.

내가 달성하고자하는 것은, #usernameInput이 초점을 잃었을 때 그것을 숨기고 싶습니다. 초점을 잃지 않는 한 #saveLink. 즉, 사용자가 #saveLink이 아닌 다른 곳을 클릭하면 #usernameInput을 숨기고 싶지 않으면 #saveLink에서 click 이벤트를 호출하십시오.

나는 $('#usernameInput').focusout()을 처리하는 데 문제가 없지만 저장 링크가 클릭되었는지 감지 할 수 없습니다.

내가 지금까지 가지고있는 것입니다. '#usernameInput은'내가 그것을 숨기려 포커스를 잃을 입니다 내가 acheive하기 위해 노력하고있어

<script type="text/javascript"> 

$('#usernameInput').focusout(function() 
{ 

    if (!$('#saveLink').is(':focus')) 
    { 
     $('#usernameInput').hide(); 
    } 
    return; 

});</script> 

Answer 1

. '#saveLink'에 포커스가 없으면 입니다. 즉, 사용자가 '#saveLink'가 아닌 다른 곳을 클릭하면 '#saveLink'에 클릭 이벤트가 발생합니다

어쩌면 당신은 몸에 이벤트를 바인딩 할 수 있고 조금 지금 ... 갱신을위한 e.target

$("body").click(function(event){ 
    if(!$(event.target).is("#saveLink")){ 
    $("#usernameInput").hide(); 
    } 
}); 

부인이 단지 의사 코드를 확인.

Answer 2

이것이 새로운 지 모르겠지만 오늘 (3.5 년 후) 더 나은 방법을 발견했습니다. event.relatedTarget은 실제로 클릭 한 요소입니다.

$elementLosingFocus.focusout(function (event) { 
    var $elementYouAreTesting; 

    $elementYouAreTesting = $("#whatever"); 

    if (elementYouAreTesting[0] === event.relatedTarget) { 
     // you clicked the element you were testing! 
    } else { 
     // you clicked something else 
    } 
});