[javascript] 클릭 이벤트 일어나는 부분을 체크하여 레이어 팝업 닫기

일단  jquery 를 기본적으로 포함하고

아래 처럼 문서의 스크립트 영역에 ready 함수를 정의한다

안에서 도큐먼트의 클릭 이벤트를 감지하는 함수를 만들고




$(document).ready(function(){

//클릭이벤트 잡아서 닉네임 팝업 레이어 감추기
$(document).on("click",function(e){

                //profile_layer_div 라는 아이디를 가진이외의 영역에서
                //클릭이벤트가 일어났을때
var container = $("div#profile_layer_div");


if (!container.is(e.target) && container.has(e.target).length === 0){

                        //container 가 아닌곳에서 클릭이벤트가 일어낫을 경우만
                        //현재 if 문에 들어온다

                        //처리할 로직을 기술한다.


                        /*
$(top.document).find("div#profile_layer_div").empty();
$(top.document).find("div#profile_layer_div").css("display","none");
$("div#profile_layer_div").empty();
$("div#profile_layer_div").css("display","none");*/
}
})
});

//크롬 익스 정상 작동