jQuery로 모바일 키보드 이벤트 감지하기

1. 원래는 javascript로 구현하고자 했으나 아쉽게도 아직 모바일 키보드를 감지하는 이벤트는 없었습니다.

 

2. 키보드가 나오면 뷰포트크기가 줄어드는 이벤트를 이용했습니다.

 // 처음 시작시 화면의 사이즈 값을 가진다.
 const originalSize = jQuery(window).width() + jQuery(window).height();
     
     // 창의 사이즈 변화가 일어났을 경우 실행된다.
     jQuery(window).resize(function() {
        
       // 처음 사이즈와 현재 사이즈가 변경된 경우
       // 키보드가 올라온 경우
       if(jQuery(window).width() + jQuery(window).height() != originalSize) {
         alert("키보드가 올라왔습니다.")
       }
      
       // 처음 사이즈와 현재 사이즈가 동일한 경우
       // 키보드가 다시 내려간 경우
       else {
         alert("키보드가 내려갔습니다.")
       }
     });