Events(8)

키보드 이벤트(Keyboard Events)

    1. 키보드 이벤트
    • keydown | 키를 누를 때
    • keyup | 키를 땔 때

keydown

const inputEl = document.querySelector('input')
inputEl.addEventListener('keydown', event => {
  console.log(event.key)
})

keyup

const inputEl = document.querySelector('input')
inputEl.addEventListener('keyup', event => {
  console.log(event.key)
})

키보드 이벤트와 한글을 같이 다룰 때

const inputEl = document.querySelector('input')
inputEl.addEventListener('keydown', event => {
  if (event.key === 'Enter' && !event.isComposing) {
    console.log(event.isComposing)
    console.log(event.target.value)
  }
})

0개의 댓글