How to find out what character key is pressed

Question

I would like to find out what character key is pressed in a cross-browser compatible way in pure Javascript

User · Answer

One of my favorite libraries to do this in a sophisticated way is Mousetrap.

It comes stocked with a variety of plugins, one of which is the record plugin which can identify a sequence of keys pressed.

Example:

<script>
    function recordSequence() {
        Mousetrap.record(function(sequence) {
            // sequence is an array like ['ctrl+k', 'c']
            alert('You pressed: ' + sequence.join(' '));
        });
    }
</script>


<button onclick="recordSequence()">Record</button>

User · Answer

Use this one   function onKeyPress evt     evt    evt    evt    window event    event   null    if  evt          var charCode    evt charCode    evt charCode    evt keyCode    evt keyCode    evt which    evt which   0        if  charCode    13           alert  User pressed Enter

User · Answer

More recent and much cleaner  use event key  No more arbitrary number codes   NOTE  The old properties   keyCode and  which  are Deprecated   node addEventListener  keydown   function event        const key   event key      quot a quot    quot 1 quot    quot Shift quot   etc       If you want to make sure only single characters are entered  check key length     1  or that it is one of the characters you expect  Mozilla Docs Supported Browsers

User · Answer

Try    x000D   x000D   lt table gt  x000D   lt tr gt  lt td gt Key  lt  td gt  lt td id  key  gt  lt  td gt  lt  tr gt  x000D   lt tr gt  lt td gt Key Code  lt  td gt  lt td id  keyCode  gt  lt  td gt  lt  tr gt  x000D   lt tr gt  lt td gt Event Code  lt  td gt  lt td id  eventCode  gt  lt  td gt  lt  tr gt  x000D   lt  table gt  x000D   lt script type  text javascript  gt  x000D  window addEventListener  keydown   function  e    x000D      tested in IE Chrome Firefox x000D    document getElementById  key   innerHTML   e key  x000D    document getElementById  keyCode   innerHTML   e keyCode  x000D    document getElementById  eventCode   innerHTML   e code  x000D     x000D   lt  script gt  x000D   x000D   x000D     Note  this works in  Run code snippet   This website does the same as my code above  Keycode info

User · Answer

quot Clear quot  JavaScript   x000D   x000D  function myKeyPress e     var keynum     if window event       IE                       keynum   e keyCode      else if e which      Netscape Firefox Opera                      keynum   e which         alert String fromCharCode keynum      x000D   lt input type  text  onkeypress  return myKeyPress event     gt  x000D   x000D   x000D   JQuery   x000D   x000D     input   keypress function event     alert String fromCharCode event which         x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt   lt input  gt  x000D   x000D   x000D

User · Answer

check this out     lt  DOCTYPE html gt   lt html gt   lt head gt   lt script src  http   ajax googleapis com ajax libs jquery 1 11 1 jquery min js  gt  lt  script gt   lt script gt    document  ready function          document  keypress function e                         var keynum              if window event                   IE                                  keynum   e keyCode                                else if e which                                                Netscape Firefox Opera                                        keynum   e which                                            alert String fromCharCode keynum                        var unicode e keyCode  e keyCode   e charCode                      alert unicode                       lt  script gt   lt  head gt   lt body gt    lt input type  text  gt  lt  input gt   lt  body gt   lt  html gt

User · Answer

There are a million duplicates of this question on here  but here goes again anyway   document onkeypress   function evt        evt   evt    window event      var charCode   evt keyCode    evt which      var charStr   String fromCharCode charCode       alert charStr        The best reference on key events I ve seen is http   unixpapa com js key html

User · Answer

document onkeypress   function event       alert event key

[javascript] How to find out what character key is pressed?

Examples related to javascript

Examples related to dom-events

Examples related to keypress