Keyboard Event

종류

1. keydown : 키보드를 누를 때 실행, 계속 누르고 있는 경우 계속 실행

2. keyup : 키보드를 누르고 손을 뗴면 실행

3. keypress : 현재는 deprecated되어 권장하지 않으므로 사용하지 말자

😄 Code 1. keyup, kewdown

// HTML
<button type="button" class="todo__btn"></button>

// JavaScript
const todoBtn = document.querySelector('.todo__btn');
todoInput.addEventListener('keyup', (event) => {
  if (event.key === 'Enter') {
    console.log('keyup!'); // output : keyup!
  }
  // if (event.keyCode === 13) { console.log() } 와 동일
});

keyCode ?

• 위 코드는 if (event.keyCode === 13) {} 과 동일하지만 현재 keyCode는 브라우저에서 권장하지 않기 때문에 사용 자제한다 (MDN)

😍 코드 지적은 언제나 환영입니다. 읽어주셔서 감사합니다. 😍