onKeyDown(누르고),onKeyUp(떼는) ⇒ 키를 누르고 떼는 동작 자체에 반응한다.

인식O : ctrl,shift,alt,F1~F12,scroll lock,pause,enter

인식X : print screen, 한/영

onKeyDown

input 박스에 ctrl키 3번, 111을 순서대로 입력 ⇒ console 창에 공백,11만 나온다 (키가 눌렸을 때 onKeyDown 이벤트가 실행되고 input태그의 value값이 할당되기 때문이다.)

onKeyUp

input 박스에 ctrl키 3번, 111을 순서대로 입력 ⇒ console 창에 111이 나온다. (키가 눌렸을 때 <input> 태그에 입력된 119가 value값에 할당되고 키가 떼어졌을 때 onKeyUp 이벤트가 발생하기 때문에 첫 번째 출력에서도 1이 출력된다.)

onKeyPress ⇒ 문자가 실제로 입력되었을 때 반응한다.

인식X : print screen,ctrl,shift,alt,F1~F12,scroll lock,pause,enter,한/영

onKeyPress

input 박스에 ctrl키 3번, 119를 순서대로 입력 ⇒ console 창에 공백,11이 나온다.

실행한 결과와 같이 ctrl을 눌렀을 때 공백이 출력되지 않았다. 첫번째 출력에 공백이 출력되는 이유는 키가 눌렸을 때 onKeyPress 이벤트가 발생하고 태그의 value값이 할당되기 때문이다.