JavaScript에서 눌린 키 얻기
Event 객체를 사용하여
눌린 키를 얻을 수 있습니다.
어떻게 하는지 살펴봅시다.
인풋이 있다고 가정합니다:
<input>
변수에 대한 참조를 얻습니다:
let elem = document.querySelector('input');
키를 누를 때마다 트리거되는 이벤트를 인풋에 추가합니다:
elem.addEventListener('keypress', function(event) {
});
이벤트 객체의 key 속성에는
눌린 문자가 포함됩니다:
elem.addEventListener('keypress', function(event) {
console.log(event.key);
});
그리고 code 속성에는
눌린 키의 코드가 포함됩니다:
elem.addEventListener('keypress', function(event) {
console.log(event.code);
});
입력 시 눌린 키의 값과 코드를 출력하는 인풋을 만드세요.
인풋에서 다양한 키를 눌러보고 어떤 값과 코드를 가지는지 확인하세요.
Enter 키의 코드가 무엇인지 확인하세요.
BackSpace 키의 코드가 무엇인지 확인하세요.
단락과 인풋이 주어집니다. 텍스트를 입력하고
Enter 키를 누릅니다. 이 때 입력된
텍스트가 인풋 아래의 단락에 들어가고
인풋의 내용이 지워지도록 만드세요.
