Loading your tools...
Press a key and inspect its KeyboardEvent fields. See key, code, keyCode, which, location, repeat, isComposing, and active modifier keys.
Keycode Info: Press any key to see event.key, event.code, keyCode, which, location, repeat, isComposing, and active modifiers. Use event.key for the produced character or action, and event.code for the physical key position.
Press the key on your keyboard you want to get info about this key
Press any key to see javascript keycode, code, location and modifiers
Keycode Info — A JavaScript keycode finder captures a keyboard event and displays the event fields developers use for shortcuts, input handling, and keyboard debugging.
Click or focus the capture area.
Press the key or key combination you want to inspect.
Review key, code, keyCode, which, location, repeat, isComposing, and modifiers.
Copy the value you need for your event handler.
Test modifier combinations such as Ctrl+S, Cmd+K, Shift+Tab, or Alt+ArrowLeft.
Build keyboard shortcuts and command palettes.
Debug Ctrl, Cmd, Alt, and Shift shortcut combinations.
Check key values for arrow keys, Escape, Tab, Enter, function keys, and numpad keys.
Compare event.key and event.code before choosing shortcut logic.
Troubleshoot IME or held-key behavior with isComposing and repeat.
For modern JavaScript, prefer event.key when your logic cares about the character or action, and event.code when your logic cares about the physical keyboard position. Keep keyCode and which only for legacy code paths, because those numeric fields are deprecated.