[JavaScript] 키보드 이벤트

키보드 이벤트란?

키보드를 조작할 때 발생하는 이벤트를 캐치하는 것으로, keydown, keypress, keyup 이 있다.

keydown	keypress	keyup
- 키보드를 누르는 순간 발생 - 물리키에 반응 - 현재 눌린 문자와는 상관없이   물리적인 키에만 반응	- 키보드를 누르는 순간 발생 - 현재 눌린 문자에 반응 - 문자 키에 반응	- 키보드를 눌렀다 떼는 순간

 

방법 1>

function pressEnter(){
        if(event.keyCode == 13){
            alert("엔터키 활성화!");
        }
 }

 <input type="text" onKeyDown="pressEnter()">

 

방법 2>

function keycheck(evt){
    var keyCode = evt.which?evt.which:event.keyCode;
}

<input type="text" onkeypress="keycheck(event)" />

 

방법 3>

txt1.onkeydown = function(){        
     	console.log(event.keyCode); //문자코드값 : a -> 65
};

---

키보드 이벤트를 사용할 때, 특정 키(KeyCode)를 눌렀을 경우 이벤트를 발생시키고 싶다면 아래 포스팅도 참고해보자.

2022.01.05 - [SpringBoot/JavaScript] - [Javascript] 키보드 키코드

Javascript 키보드 키코드

---

 

https://sas-study.tistory.com/143

[Javascript] 자바스크립트 키보드 관련 이벤트(onkeydown, onkeyup, onkeypress)

 

https://blog.naver.com/PostView.naver?blogId=duddnddl9&logNo=220476368161 

[JAVASCRIPT] 엔터키를 이용한 이벤트 활성화

 

https://blog.lael.be/post/75

[Javascript] event.keyCode 코드값