문서의 다른 곳을 클릭하면 상자가 사라 집니까? (jQuery)

Question

링크 클릭시 jQuery로 숨겨진 상자가 표시됩니다. 이제 링크를 다시 클릭하면 상자가 사라지지만 어떻게하면 포커스를 잃어 버리고 숨길 수 있습니다. 그래서, 사용자가 문서의 어떤 곳을 클릭하면 (상자 자체는 제외) 사라집니다.

제안 사항?

마르티 이네

Answer 1

문서에 상자 의지 거품에 클릭, 그래서 닫기를 클릭이 것 항상를 잡기. 이를 방지하기 위해 상자 안의 클릭이 잡히거나 멈추게됩니다. 바깥 쪽을 클릭해도 거품이 일어나 닫히지 않습니다. 이 작업을 수행하는 데 필요한 모든 코드는 다음과 같습니다

$(document).click(function() { 
    $("#myBox").hide(); 
}); 

$("#myBox").click(function(e) { 
    e.stopPropogation(); 
}); 

...