JavaScript keycode & event inspector

When handling keyboard input in JavaScript, you need to know exactly what a key press produces — and the properties involved have changed over the years. This inspector shows, in real time, the modern event.key and event.code values, the legacy numeric keyCode and which, and the state of modifier keys, for whatever key you press.

That removes the guesswork of building keyboard shortcuts and handlers. event.key gives the character, event.code gives the physical key regardless of layout, and the legacy values still matter for older code — seeing all of them at once tells you which to test against. It can also generate copy-paste event-handling code based on the key you pressed.

It runs entirely in your browser and does not send your keystrokes anywhere. Use it to build shortcuts, debug why a handler is not firing, or understand the difference between the various key properties.