Capture Keyboard Events On A Web Page With JavaScript

April 2025

HTML

<div id="output">
  waiting for key press
</div>

Output

waiting for key press

JavaScript

const outputEl = 
  document.querySelector('#output')

window.addEventListener(
  'keyup', 
  (event) => {
    outputEl.innerHTML = 
      `You pressed ${event.key}`
  }
)

end of line