자바스크립트 키보드 이벤트 받기

나중에 블로그에서 검색해보려고 여태 사용한 방식들 정리중으로

설명이 단조로우니 미리 주의바람

 

 

제이쿼리 사용함

js로도 사용이 가능하지만 DOM 접근하여 사용한 jquery 방식이 한결 간결하길래 이 방식으로 사용했다

 

심플하게 키보드 입력받는것만 올려본다

 

 

$(document).ready(function(){
       $("#test").keypress(function (e) {
        if (e.which == 13){
                   send();  // 실행할 이벤트 호출
        }
    });
});

<input type="text" name="" id="test" class="inp_st3" placeholder="메시지를 입력해주세요" />

#test -> id가 test인 input에 접근하여 keypress 시 특정 함수 호출되게끔 함

키보드 enter 클릭 시 전송 버튼을 클릭하지 않아도 입력한 내용이 자동으로 전달되게끔

 

 

아래 스택오버플로우에서는 keydown, keypress의 차이에 대해 자세한 설명이 있으니

시간날때 정독

 

stackoverflow.com/questions/1367700/whats-the-difference-between-keydown-and-keypress-in-net

What's the difference between KeyDown and KeyPress in .NET?

www.javascripttutorial.net/javascript-dom/javascript-keyboard-events/

JavaScript Keyboard Events Explained

마찬가지로 자바스크립트에서 사용하는 키보드 이벤트 관련 내용 설명