14. 키보드 이벤트 / onkeydown / onkeyup /

<퀴즈>

1. ___ 과 ___ 방식은 이벤트 중복 등록이 불가

2. 이벤트를 중복 등록하기 위해 ___ 를 사용

 

<정답> 

1. DOM 탐색 / 속성 등록

2. addEventListent()

 

"onkeydown" 이벤트

지정한 요소에 키보드가 눌릴 떄 발생

 

"onkeyup" 이벤트

지정한 요소에 키가 눌렸다 땔 때 발생

 

이제 코드로 배워보자

우선 index.html

main.js

실행결과

입력한 값들에 대한 정보들이 나오는 것을 알 수 있다.