단비의 코딩 공부 blog

[javascript] esc /외부영역 클릭시 팝업 닫힘 기능 본문

javascript&jquery

[javascript] esc /외부영역 클릭시 팝업 닫힘 기능

황굽달 2023. 12. 22. 09:41
  //외부 영역 클릭 시 팝업 닫기
  $(document).mouseup(function (e){
    if($(".alramPopup").has(e.target).length === 0){
      $(".alramPopup").hide();
    }
  });

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