How to know if keyup is a character key jQuery

Question

How to know if  keyup   is a character key  jQuery      input   keyup function      if  key is a character      such as a b A b c 5 3 2                  etc not enter key or shift or Esc or space    etc    Do stuff

User · Answer

If you only need to exclude out enter  escape and spacebar keys  you can do the following       text1   keyup function event    if  event keyCode     13   amp  amp  event keyCode     27   amp  amp  event keyCode     32          alert  test               See it actions here   You can refer to the complete list of keycode here for your further modification

User · Answer

You can t do this reliably with the keyup event  If you want to know something about the character that was typed  you have to use the keypress event instead   The following example will work all the time in most browsers but there are some edge cases that you should be aware of  For what is in my view the definitive guide on this  see http   unixpapa com js key html      input   keypress function e        if  e which     0            alert  Charcter was typed  It was      String fromCharCode e which                keyup and keydown give you information about the physical key that was pressed  On standard US UK keyboards in their standard layouts  it looks like there is a correlation between the keyCode property of these events and the character they represent  However  this is not reliable  different keyboard layouts will have different mappings

User · Answer

I never liked the key code validation  My approach was to see if the input have text  any character   confirming that the user is entering text and no other characters   x000D   x000D      input   on  keyup   function     x000D      var words     this  val    x000D         if input is empty  remove the word count data and return x000D      if  words length    x000D            this  removeData  wcount    x000D          return true  x000D        x000D         if word count data equals the count of the input  return x000D      if typeof   this  data  wcount        undefined   amp  amp     this  data  wcount      words length    x000D          return true  x000D        x000D         update or initialize the word count data x000D        this  data  wcount   words length   x000D      console log  user tiped     words   x000D         do you stuff    x000D      x000D   lt html lang  en  gt  x000D     lt head gt  x000D     lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D     lt  head gt  x000D     lt body gt  x000D     lt input type  text  name  input  id  input  gt  x000D     lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

I m not totally satisfied with the other answers given  They ve all got some kind of flaw to them   Using keyPress with event which is unreliable because you can t catch a backspace or a delete  as mentioned by Tarl   Using keyDown  as in Niva s and Tarl s answers  is a bit better  but the solution is flawed because it attempts to use event keyCode with String fromCharCode    keyCode and charCode are not the same     However  what we DO have with the keydown or keyup event is the actual key that was pressed  event key   As far as I can tell  any key with a length of 1 is a character  number or letter  regardless of which language keyboard you re using  Please correct me if that s not true   Then there s that very long answer from asdf  That might work perfectly  but it seems like overkill     So here s a simple solution that will catch all characters  backspace  and delete   Note  either keyup or keydown will work here  but keypress will not      input   keydown function event         var isWordCharacter   event key length     1      var isBackspaceOrDelete   event keyCode     8    event keyCode     46       if  isWordCharacter    isBackspaceOrDelete               do something

User · Answer

I wanted to do exactly this  and I thought of a solution involving both the keyup and the keypress events    I haven t tested it in all browsers  but I used the information compiled at http   unixpapa com js key html   Edit  rewrote it as a jQuery plugin    function            fn normalkeypress   function onNormal  onSpecial            this bind  keydown keypress keyup    function                 var keyDown          keep track of which buttons have been pressed                 lastKeyDown              return function event                    if  event type     keydown                         keyDown lastKeyDown   event keyCode    false                      return                                    if  event type     keypress                         keyDown lastKeyDown    event     this keydown also triggered a keypress                     return                                         keyup  event                 var keyPress   keyDown event keyCode                   if   keyPress  amp  amp                             keyPress which  gt   32    not a control character                                 keyPress which    8         b                                 keyPress which    9         t                                 keyPress which    10        n                                 keyPress which    13        r                               amp  amp                              keyPress which  gt   63232  amp  amp  keyPress which  lt   63247    amp  amp     not special character in WebKit  lt  525                             keyPress which    63273                               amp  amp                                 keyPress which  gt   63275  amp  amp  keyPress which  lt   63277    amp  amp                                 keyPress which     event keyCode  amp  amp     not End   Home   Insert   Delete  i e  in Opera  lt  10 50                                keyPress which    35        End                               keyPress which    36        Home                               keyPress which    45        Insert                               keyPress which    46        Delete                               keyPress which    144       Num Lock                                                                                                                    keyPress which     undefined    normal character in IE  lt  9 0                           amp  amp                       keyPress charCode     0    not special character in Konqueror 4 3                                                  Normal character                     if  onNormal  onNormal call this  keyPress  event                     else                          Special character                     if  onSpecial  onSpecial call this  event                                     delete keyDown event keyCode                                           jQuery

User · Answer

Note  In hindsight this was a quick and dirty answer  and may not work in all situations  To have a reliable solution  see Tim Down s answer  copy pasting that here as this answer is still getting views and upvotes       You can t do this reliably with the keyup event  If you want to know   something about the character that was typed  you have to use the   keypress event instead       The following example will work all the time in most browsers but   there are some edge cases that you should be aware of  For what is in   my view the definitive guide on this  see   http   unixpapa com js key html      input   keypress function e        if  e which     0            alert  Character was typed  It was      String fromCharCode e which                    keyup and keydown give you information about the physical key that   was pressed  On standard US UK keyboards in their standard layouts  it   looks like there is a correlation between the keyCode property of   these events and the character they represent  However  this is not   reliable  different keyboard layouts will have different mappings      The following was the original answer  but is not correct and may not work reliably in all situations   To match the keycode with a word character  eg   a would match  space would not      input   keyup function event         var c  String fromCharCode event keyCode       var isWordcharacter   c match   w           Ok  that was a quick answer  The approach is the same  but beware of keycode issues  see this article in quirksmode

User · Answer

This helped for me       input   keyup function event              use keyup instead keypress because            - keypress will not work on backspace and delete           - keypress is called before the character is added to the textfield  at least in google chrome           var searchText     trim     input   val              var c  String fromCharCode event keyCode           var isWordCharacter   c match   w            var isBackspaceOrDelete    event keyCode    8    event keyCode    46               trigger only on word characters  backspace or delete and an entry size of at least 3 characters         if  isWordCharacter    isBackspaceOrDelete   amp  amp  searchText length  gt  2

[javascript] How to know if .keyup() is a character key (jQuery)

Examples related to javascript

Examples related to jquery

Examples related to events

Examples related to keyboard

Examples related to keycode