What is a JavaScript KeyCode?

In web development, every time you press a key, the browser generates a keyboard event. This event contains specific identifiers that tell the computer which key was pressed. This tool helps you visualize those values in real-time.

Understanding the Values:

• event.key: The literal character (e.g., "a" or "Enter"). This is the modern way to identify keys.
• event.code: The physical position of the key on the keyboard (e.g., "KeyA" regardless of the layout).
• event.which / keyCode: A numeric reference to the key. While technically deprecated in modern web standards, it is still widely used in legacy code and game development.

Why use this tool?

When building interactive features like keyboard shortcuts, navigation, or web games, you need to know exactly how the browser identifies a key. Instead of looking up tables, just press the key and copy the code.