팝업 바깥 클릭시 팝업 닫히게

* 개요

특정 요소 외 부분 클릭시에만 반응하는 코드

 

* 방법

기본적으로 $(document).click() 을 이용하여 클릭 있을때 팝업 닫히도록 하면 된다.

이 코드는 팝업에서 클릭해도 반응하므로 팝업에서 클릭하는 경우 반응하지 않도록 하는 방법은..

 

- 방법1) stopPropagation() 이용하는 방법

https://blog.naver.com/nemesis5198/221362801616

 

- 방법2) 단순하게 if 문 가져와서 하는 방법

https://m.blog.naver.com/PostView.nhn?blogId=nemesis5198&logNo=221380180121&proxyReferer=https:%2F%2Fwww.google.com%2F

 

http://teraboard.net/bbs/tip/80&ct=jQuery

 

- if문 이용할때 팝업 의 자손 요소를 누르는 경우에도 닫혀버릴 수 있다.

이땐 다음 코드를 사용...

 

 $(document).on("click", function(e){
     var dpMonthClick = false;
     $('.dpMonth, .dpMonth *').each(function() {
     if(this == e.target) { // dpMonth 또는 그 자손이 클릭됨.
     dpMonthClick = true;
     } 
     });
    
     if(dpMonthClick == false) { // dpMonth 아닌 외부 클릭이라면 달력 숨김
     $('.dpMonth').hide();
     }
    
  });