div 외부에서 사용자가 클릭 할 때 호출 기능

Question

사용자가 div 외부를 클릭 할 때 함수를 호출하려면 어떻게해야합니까?

이 함수는 div 및 페이지의 다른 요소를 숨길 것입니다.

Answer 1

간단한 예 :

HTML

<div id="target"> 
    Your div 
    <span>A span</span> 
    <div> 
     Another child div 
    </div> 
</div> 

jQuery를

function hideDiv(e) { 
    if (!$(e.target).is('#target') && !$(e.target).parents().is('#target')) { 
     $('#target').hide(); 
    } 
} 
$(document).on('click', function(e) { 
    hideDiv(e); 
}); 

Working sample

Answer 2

체크 아웃은 JQuery와 외부 이벤트가 플러그인 :

http://benalman.com/projects/jquery-outside-events-plugin/