패스트캠퍼스 - Events(4)

키보드 이벤트

HTML 코드

1. keydown

event.key 속성은 내가 input 창에 입력하는 문구 그대로 출력됨. enter, shift, esc 등 모두 출력 가능.

2. keyup

키를 누르고 있는 상태에서는 아무것도 출력 x. 키보드에서 손을 떼면 해당 문구 출력.

---

입력된 값이 그대로 출력됨!

과거에는 keydown, keyup 이벤트를 사용할 때, cjk 문자(중국어, 일본어, 한글)를 입력할 경우, 브라우저에서 처리하는 과정이 결과적으로 한 단계 더 필요하기 때문에 두 번 이벤트가 처리되는 오류가 있었다. 하지만 그 문제는 수정되었음.

++ isComposing 이라는 속성은 cjk 문자를 처리하는 과정인지에 대한 boolean 데이터를 가지고 있다.