CODEWITHSUNDEEP
javascriptjqueryeventskeyboardkeyboard-events
Acorn
Acorn

Reputation: 50497

How to find the key code for a specific key

What's the easiest way to find the keycode for a specific key press?

Are there any good online tools that just capture any key event and show the code?

I want to try and find the key codes for special keys on a mobile device with a web browser, so an online tool would be great.

Upvotes: 15

Views: 67132

Answers (12)

ADARSH J J
ADARSH J J

Reputation: 21

<script>
        document.addEventListener("keydown", function(e){
            console.log(e.keyCode);
        });
</script>

It will print the keycode of the key pressed on the document body in console.

Upvotes: 0

Danziger
Danziger

Reputation: 21161

If you are looking for an online tool, https://keyjs.dev is probably the best option available:

  • By default, it displays e.key, e.code, e.which and e.keyCode for the keydown event.

  • If you need more than that, you can expand it and you will get a table with more properties for keydown, keypress and keyup.

  • If you still need more than that, open DevTools and you will see all the keys you press are logged to the console in a table-like style. Just click the row you are interested in to expand it and see the whole event object.

Key.js \ JavaScript KeyboardEvent's key codes & key identifiers

Disclaimer: I'm the author.

Upvotes: 5

Nicholas Smith
Nicholas Smith

Reputation: 712

You can try use keycode.info to do this, it's an online tool.

Upvotes: 0

SynergyChen
SynergyChen

Reputation: 1521

Vanilla javascript + Alert:

document.addEventListener('keypress', function(e) {
  alert("Key: " + e.code + ", Code: " + e.charCode)
});

Vanilla javascript + console:

document.addEventListener('keypress', function(e) {
  console.log("Key: " + e.code + ", Code: " + e.charCode)
});

Upvotes: 1

Muhammad Musavi
Muhammad Musavi

Reputation: 2696

If you are only looking for keyCode you essentially don't need to get the keypress event, you can simply convert character to keyCode and vise versa:

Char to KeyCode, for instance A ("A").charCodeAt(0) returns 65. Here's the syntax.

If you already know the characters which their keycodes are needed, say 'ABCDEFGH', you only need a loop to get all key codes:

var text = "ABCDEFGH";
for (var i=0; i< text.length; i++){
	console.log(text[i] ,text.charCodeAt(i))
}

It's obvious that this method is not going to be used for obtaining key codes of shif, ctrl or Alt key in keyboard, if you need them stick with the method stated above which uses keypress event.

FYI, to convert keyCode to Char: String.fromCharCode(65) returns A.

Upvotes: 2

Ahmet Kakıcı
Ahmet Kakıcı

Reputation: 6404

Just googled and result

function displayunicode(e) {
  var unicode = e.keyCode ? e.keyCode : e.charCode;
  console.log(unicode);
}
<form>
  <input type="text" size="2" maxlength="1" onkeyup="displayunicode(event); this.select()" />
</form>

Upvotes: 5

Bertrand Marron
Bertrand Marron

Reputation: 22210

    $(function () {
      $(document).keyup(function (e) {
         console.log(e.keyCode);
      });
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Here's your online tool.

Upvotes: 21

Banty Roy
Banty Roy

Reputation: 967

Please try this.

$('input').on('keyup', function(e){
   var key_code = e.which || e.keyCode;
   console.log(key_code );
});

For better help please follow the below link http://www.w3schools.com/jsref/event_key_keycode.asp

Upvotes: 1

alsuren
alsuren

Reputation: 178

Try not to hard-code too many keycodes. Let the JS library convert them for you wherever possible:

var code = ev.keyCode,
    ascii = String.fromCharCode(code);
alert(ascii);

Upvotes: 1

srikanth_yarram
srikanth_yarram

Reputation: 957

As in, what keyboard events reports based on what keys are pressed

  $("#textinput").keydown(function(e) {
    e.keyCode; // this value
  });

Try Here for all the key Events and These are the mobile key Events

Upvotes: 3

Aaron Hathaway
Aaron Hathaway

Reputation: 4315

Try this:

$('#myelement').keydown(function(event) {
  var code = event.keyCode;
  alert(code);
}

Upvotes: 1

kennytm
kennytm

Reputation: 523154

The bottom of http://www.quirksmode.org/js/keys.html can show the keycode of keys you have pressed for the selected keyboard events.

Upvotes: 2

Related Questions