left right keydown sample

click button or keydown!

const result = document.getElementById('result')
const left = document.getElementById('left')
const right = document.getElementById('right')

left.addEventListener('click', () => result.textContent = 'left')
right.addEventListener('click', () => result.textContent = 'right')

document.addEventListener('keydown', onKeyDown)

function onKeyDown(e) {
  switch (e.code) {
    case 'ArrowLeft':
      result.textContent = 'left'
      break
    case 'ArrowRight':
      result.textContent = 'right'
      break
    case 'Escape':
      result.textContent = 'Escape'
      break
  }
}

<p id="result">click button!</p>
<button id="left">left</button> <button id="right">right</button>

元記事を表示する