[JQUERY] 모달창 구조 + 외부 영역 클릭 시 닫힘

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

/* 외부영역 클릭시 팝업 닫기 */
$(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();
    }
});

 

 

https://ssimplay.tistory.com/460 _블로그 참고