[JQUERY] 레이어 팝업, 모달 닫기(외부영역클릭, ESC 버튼)

레이어 팝업을 사용하다 닫기 버튼 클릭을 통해서만 아니라

팝업 외부 영역 클릭이나 키보드 ESC 누를때 닫게 해달라는 요청!.!

 

간단하지만 유용하게 사용할 것 같아 올려본다!

 

- 팝업 외부 영역 클릭시 팝업 닫힘

/* 외부영역 클릭시 팝업 닫기 */
$(document).mouseup(function (e){
	if($(".layer_pop").has(e.target).length === 0){
		$(".layer_pop").hide();
	}
});

 

- ESC 누를시 팝업 닫힘

/* ESC 키 누를시 팝업 닫기 */
$(document).keydown(function(e){
	//keyCode 구 브라우저, which 현재 브라우저
    var code = e.keyCode || e.which;
 
    if (code == 27) { // 27은 ESC 키번호
        $('.layer_pop').hide();
    }
});