toptal / keycodes

Easy visualizer for JavaScript KeyCodes

JavaScript Keycodes → KeyCode.info

Keycodes is a simple website which allows users to press any key and instantly get the JavaScript Key or Key Code KeyboardEvent. Check out the Tool and Event List. It is build with Next.js and Typescript.

Development

You'll need node and yarn installed on your machine.

• Install dependencies yarn
• Run the development server: yarn dev
• Open http://localhost:3000 in your browser

You can also start project with docker - docker-compose up

Development mode

There is a docker-compose.yml which runs the app

docker-compose up

Open http://localhost:3000 with your browser to see the result.

See also

• Testing
• Linting
• Logging

Contributing

First off, thanks for taking the time to contribute! We welcome feedback in all forms, issues, comments, PRs, etc. and we always want to hear what the keycodes community thinks!

Contributing Guide

There are many ways in which you can participate in this project, for example:

• Submit bugs, feature requests, and ideas, and help us verify as they are checked in
• Review source code changes
• Review the documentation for any typos and improvements

If you are interested in fixing issues and contributing directly to the code base, please see the How to Contribute document which covers the following:

• Submitting pull requests
• Coding guidelines
• How to find issues to work on
• How to use the labels

Providing Feedback

• Request a new feature
• Upvote popular features requests
• Create an issue

Code of Conduct

This project has adopted the Contributor Covenant Code of Conduct

Contributor License Agreement

Licensed under the MIT license.

keycodes's Issues

Plus sign

When I hit +, it detect = instead

Missing keycode 163

Hi, I use (on Ubuntu 14) FireFox 42.0 and this is the '#'-Button (On a British keyboard layout. I don't know whether this is important to know)

Missing keycode 160

Windows 10
Firefox 43.0.4
QWERTZ - German Layout
circumflex key

No support for "Umlaut"

I just tried the tool and it seems there is no support for the German "Umlaut":

namely: ä, ö and ü

All three gave me zeros.

Keycode 0 maina?

There seem to be a lot of keycode 0 issues. @wesbos Are you sure that the one PR #70 added was the right one? Is there even a keycode 0?

Missing keycode 0

Windows 10
Firefox 43.0.4
QWERTZ - German Layout
ä/Ä key

Missing keycode 223

Tell me what key it was or even better, submit a Pull request!

`

Azerty keymaps (Linux)

Hello.
I'm using ArchLinux with Firefox 42.0 and with normal FR keyboard (AZERTY without dead keys IIRC) mapping and here are the unknown keybindings:

• '<' (between Shift and W) key : 60
• '²' (next from &/1) : 0 (?)
• ')' (next from à/0) : 169
• '=' (next from ')') : 61
• '^' (next to 'p') : 0 (?)
• '$' (next from '^') : 164
• 'ù' ('next from 'M') : 165
• '*' ('next from 'ù') : 170
• ';' ('next from ',') : 59
• '!' ('next from ';') : 161

have a nice day!

Missing keycode æøå

Missing 'æ' 'ø' 'å', norwegian keyboard layout.

Missing keycode 0

Windows 10
Firefox 43.0.4
QWERTZ - German Layout
ö/Ö key

Consider removing F11 from scripts

AFAIK, because I tried and tried, there's no way to capture F11 in client-side JS because it's a browser hotkey. Having it in scripts.js isn't an issue, but it's almost dead code because it'll never be used.

Missing keycode 0

Tell me what key it was or even better, submit a Pull request!

pressing ALT + ´ on a wireless mac keyboard

Unknown keypress AltGr

Browser: Google Chrome 38.0.2125.104 (Official Build 290379)
Keyboard: US International Dutch

Pressing the AltGr button gives me 225, but is unknown to the website.

Cheers,
Sander

Missing keycode 95

Tell me what key it was or even better, submit a Pull request!

Missing keycode 58

:

Missing keycode 0

Browser Firefox running on Linux;

key: the one for 'ñ' :)

Firefox 32 press "<": huh? Let me know what browser and key this was.

on Firefox 32 (Windows Vista) on press "<" return "huh? Let me know what browser and key this was."

Missing keycode 193

OS: Microsoft Windows 7 Professional
6.1.7601 Service Pack 1 Build 7601
LENOVO 3254H4P
Keyboard: PT-BR ABNT2

Keyboard pic

I pressed the button next to arrow keys with "?/°" characters.

Several keys with identical key codes in AZERTY

For example the

• shift, (?) and shift: (/) both give keycode 191.
• The = and shift= (+) both give 187
• The numbers (for which you normally need to press shift) all show as their keycode without shift, except 4, which shows ' 222 and 4 52when shift is also pressed
• the @# key shows in both cases 192, a key which on Windows keyboards shows superscript 2 and 3

reference image

Not really sure how this can be resolved since there will be loads of differences per language and different keys with the same keycode.

Missing keycode 172

Tell me what key it was or even better, submit a Pull request!

Logitech K360, Fn-F1, Google Chrome

Answer your question?

Missing keycode 172

The keycode 172 is the pipe | on Norwegian keyboard layouts, but I am unsure what it is on American keyboards. It is the key which is left of the 1 key (it is sometimes used to toggle the console in games).

Missing keycode 0

Windows 10
Firefox 43.0.4
QWERTZ - German Layout
ü/Ü key

LMKWBAKTW Media Control Buttons

Chrome Version 46.0.2490.64 beta-m (64-bit)

179 - Play/Pause ( >|| )
178 - Stop ( [] )
177 - Previous ( |<< )
176 - Next ( >>| )

Missing keycode 180

Email combination on X2 Mirage keyboard (Fn+F10). Opens "mailto:".
Win 8.1
Chrome 47
"Polish (programmer)" keyboard layout

Missing keycode 171

Windows 10
Firefox 43.0.4
QWERTZ - German Layout
(*+~) key

Missing keycode 0

When using a Trust Presenter ( 16661 ) I clicked on the two little buttons of the presenter labelled F5/ESC in "mouse mode".

Checking with xev, it seems that the keycodes are :

• 234 for XF86Back
• 233 for XF86Forward

that are not recognized by Javascript

I will try to remap them to other values

Missing keycode 169

Tell me what key it was or even better, submit a Pull request!

On a french layout keyboard (AZERTY), that's the closing parenthesis ")" or the degree symbol (with Shift) "°".
Key is just right to the 0.

Keyboard combination like `shift + button`

It would be great to add case sensitivity or special characters to your service, for instance. Thank you.

Missing keycode 229

Tell me what key it was or even better, submit a Pull request!

This is alt+e on OSX in Chrome

I'm figuring it out myself. It's how it tries to add accents to your characters for you

Missing keycode 64

@ (unshifted) / # (shifted) key from a Mac fr-FR keyboard. The key is right under the Esc key, on the leftmost position of its row. Hth.

Missing keycode 0

I'm using a Windows keyboard with Chrome on OS X, and the app doesn't recognise the Menu key (the right-click key on the right-hand side, next to Ctrl).

Missing key «

« key

• Portuguese keyboard, to the left of backspace.
• Firefox.

Sorry, but I don't know the keycode for it, if there even is one.

Missing keycode 60

I use Elementary OS and Firefox.

I press <

Missing keycode 166

It's "page backward" on a Thinkpad T400s.

Add a Service Worker to support offline use

I had to fire up my 3G tether in the middle of Laos to use this great tool, would be awesome to be able to cache it and have it saved for planes, trains, jungle bungalows, etc ;)

Missing keycode 63

Key code 63 is the "ß" character on a German keyboard.

Missing , line 112 on keycode.info

163 : "#", 167 : "page forward (Chromebook)" 173 : "minus (firefox), mute/unmute",

Missing keycode 230

GNOME Compose key. This is mappable to any key on the keyboard (https://help.gnome.org/users/gnome-help/stable/tips-specialchars.html.en). In my case, I have it mapped to Caps Lock.

OS: Ubuntu
Browser: Chrome

Note that it shows up as 0 in Firefox/Ubuntu.

- and = sign on Firefox

Running the latest version of Firefox on Windows 10, US International keyboard layout, pressing the - (minus and underscore) key tells me "173 mute/unmute". The proper key for this, which in the case of my laptop is Fn + F8 does display as "181 mute/unmute (firefox)". The = (equals and plus) key is not recognized, keycode is 61.

Right Ctrl (225)

When I press right Ctrl, it shows 225 and that it doesn't know this key.

Yandex.Browser, Ubuntu.

ABNT semicolon key

For the record: pressed colon/semicolon key and saw 59 followed by huh? Let me know what browser and key this was. Browser is Firefox 42 and keyboard layout is brazilian portuguese ABNT.

Missing keycode 0

The É key on a bépo keyboard layout: http://bepo.fr/wiki/Accueil, in Firefox 45.0.1 with GNOME 3 / X11 on Archlinux x86_64. Other keys that don’t exist on qwerty (È, Ç, dead ^, …) also produce 0.

There is probably not much to do here, I’m filing this to let you know that this exists.

Missing keycode 0

I press 'ñ' letter on a spanish keyboard.

German umlauts not recognized

Hi!

German umlauts (ä, ö, ü) are not recognized (shown number is 0, text is "huh? ...").

Browser is FF 28.0

Thanks!

Missing keycode 0

Firefox 44.0 - 'Fn' / Function key on Windows 8, lenovo ThinkPad

f2

Tell me what key it was or even better, submit a Pull request!

Google Chrome 43. Keypress: `¬¦ resulted in 223 huh? Let me know what browser and key this was.

Browser: Google Chrome 43.0.2357.132 (Official Build) m (32-bit)
Operating System: Windows 8.1
Keyboard: English (UK) QWERTY Keyboard.

The key pressed appears at the top left of keyboard under the Esc key, that what pressed prints characters: `, (shift) ¬, (alt gr) ¦.

Missing keycode 0

Missing keycodes 0s are Š/š, Đ/đ, Č/č, Ć/ć, and Ž/ž.

cross-browser keycodes?

As you might imagine, browsers are terrible. Left Cmd key on OSX, for example is 224 in Firefox. But that's not in your keycode map, so you just get the keyCode but the text doesn't update.

See http://unixpapa.com/js/key.html.

Missing keycode 223

Tilde Key, Google Chrome