JavaScript에서 눌린 키 얻기

Event 객체를 사용하여 눌린 키를 얻을 수 있습니다. 어떻게 하는지 살펴봅시다. 인풋이 있다고 가정합니다:

html<input>

변수에 대한 참조를 얻습니다:

javascriptlet elem = document.querySelector('input');

키를 누를 때마다 트리거되는 이벤트를 인풋에 추가합니다:

javascriptelem.addEventListener('keypress', function(event) {
  
});

이벤트 객체의 key 속성에는 눌린 문자가 포함됩니다:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

그리고 code 속성에는 눌린 키의 코드가 포함됩니다:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});