How to detect pressing Enter on keyboard using jQuery

Question

I would like to detect whether the user has pressed Enter using jQuery   How is this possible  Does it require a plugin   EDIT  It looks like I need to use the keypress   method    I wanted to know if anyone knows if there are browser issues with that command - like are there any browser compatibility issues I should know about

User · Answer

Use event key and modern JS    document  keypress function event        if  event key      quot Enter quot                Do something            or without jQuery  document addEventListener  quot keypress quot   function onEvent event        if  event key      quot Enter quot                Do something better            Mozilla Docs Supported Browsers

User · Answer

There s a keypress   event method  The Enter key s ascii number is 13 and is not dependent on which browser is being used

User · Answer

The whole point of jQuery is that you don t have to worry about browser differences  I am pretty sure you can safely go with enter being 13 in all browsers  So with that in mind  you can do this     document  on  keypress  function e        if e which    13            alert  You pressed enter

User · Answer

You can do this using the jquery  keydown  event handle          start    on   keydown   function event          if event which    13            alert  Entered

User · Answer

function          modal-content   keypress function e       debugger      var id   this children 2  children 0  id         if e which    13             e preventDefault                   id  click

User · Answer

Try this to detect the Enter key pressed     document  on  keypress   function e       if e which    13           alert  You ve pressed the enter key                 See demo   detect enter key press on keyboard

User · Answer

As the keypress event isn t covered by any official specification  the actual behavior encountered when using it may differ across browsers  browser versions  and platforms    x000D   x000D    document  keydown function event    x000D    if  event keyCode    event which     13    x000D         Cancel the default action  if needed x000D      event preventDefault    x000D        call function  trigger events and everything tou want to dd   ex   Trigger the button element with a click x000D          btn   trigger  click    x000D      x000D     x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 5 1 jquery min js  gt  lt  script gt  x000D   lt button id  btn  onclick  console log  Button Pressed     gt  amp nbsp lt  button gt  x000D   x000D   x000D    I hope it would be useful

User · Answer

I wrote a small plugin to make it easier to bind the  on enter key pressed  a event     fn enterKey   function  fnc        return this each function                this  keypress function  ev                var keycode    ev keyCode   ev keyCode   ev which               if  keycode     13                     fnc call this  ev                                       Usage       input   enterKey function          alert  Enter

User · Answer

this my how I solved you shoud give return false   x000D   x000D       document  on  keypress  function e                if e which    13                        sub btn   trigger  click                    alert  You pressed a  enter  key in somewhere                     return false                         x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt   lt form action    method  post  id  sub email form  gt                       lt div class  modal-header  gt                           lt button type  button  class  close  id  close  data-dismiss  modal  gt  amp times  lt  button gt                           lt h4 class  modal-title  gt Subscribe to our Technical Analysis lt  h4 gt                       lt  div gt                       lt div class  modal-body  gt                           lt p gt Signup for our regular Technical Analysis updates to review recommendations delivered directly in your inbox  lt  p gt                           lt div class  input-group  gt                               lt input type  email  name  sub email  id  sub email  class  form-control  placeholder  Enter your email  required gt                           lt  div gt                           lt span id  save-error  gt  lt  span gt                       lt  div gt                       lt div class  modal-footer  gt                           lt div class  input-group-append  gt                               lt input type  submit  class  btn btn-primary sub btn  id  sub btn  name  sub btn  value  Subscribe  gt                           lt  div gt                       lt  div gt                   lt  form gt  x000D   x000D   x000D

User · Answer

I couldn t get the code posted by  Paolo Bergantino to work but when I changed it to   document  and e which instead of e keyCode then I found it to work faultlessly     document  keypress function e        if e which    13            alert  You pressed enter                 Link to example on JS Bin

User · Answer

A minor extension of Andrea s answer above makes the helper method more useful when you may also want to capture modified enter presses  i e  ctrl-enter or shift-enter   For example  this variant allows binding like      textarea   enterKey function      this  closest  form   submit        ctrl     to submit a form when the user presses ctrl-enter with focus on that form s textarea     fn enterKey   function  fnc  mod        return this each function                this  keypress function  ev                var keycode    ev keyCode   ev keyCode   ev which               if   keycode     13     keycode     10    amp  amp    mod    ev mod    Key                       fnc call this  ev                                        see also Ctrl Enter jQuery in TEXTAREA

User · Answer

In some cases  you may need to suppress the ENTER key for a certain area of a page but not for other areas of a page  like the page below that contains a header  lt div gt  with a SEARCH field   It took me a bit to figure out how to do this  and I am posting this simple yet complete example up here for the community    lt  DOCTYPE html gt   lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head gt     lt title gt Test Script lt  title gt     lt script src   lib js jquery-1 7 1 min js  type  text javascript  gt  lt  script gt     lt script type  text javascript  gt          container  content input   keypress function  event          if  event keyCode    10    event keyCode    13            alert  Form Submission needs to occur using the Submit button             event preventDefault                       lt  script gt   lt  head gt     lt body gt       lt div class  container  gt         lt div class  header  gt           lt div class  FileSearch  gt             lt  -- Other HTML here -- gt           lt  div gt         lt  div gt         lt div class  content  gt           lt form id  testInput  action     method  post  gt           lt input type  text  name  text1    gt           lt input type  text  name  text2    gt           lt input type  text  name  text3    gt           lt input type  submit  name  Submit  value  Submit    gt           lt  form gt         lt  div gt       lt  div gt     lt  body gt   lt  html gt    Link to JSFiddle Playground  The  Submit  button does not do anything  but pressing ENTER from one of the Text Box controls will not submit the form

User · Answer

I spent sometime coming up with this solution i hope it helps someone     document  ready function           loginforms   keypress function e        if  e which    13          e preventDefault        alert  login pressed                      signupforms   keypress function e        if  e which    13            e preventDefault          alert  register

User · Answer

document  keydown function  event            proper indentiation of keycode and which to be equal to 13      if    event keyCode    event which      13               Cancel the default action  if needed         event preventDefault              call function  trigger events and everything tou want to dd   ex   Trigger the button element with a click            quot  btnsearch quot   trigger  click

User · Answer

I found this to be more cross-browser compatible     document  keypress function event        var keycode   event keyCode    event which      if keycode     13             alert  You pressed a  enter  key in somewhere

User · Answer

I used   document  on  keydown     On some browsers keyCode is not supported  The same with which so if keyCode is not supported you need to use which and vice versa    x000D   x000D    document  on  keydown   function e    x000D    const ENTER KEY CODE   13  x000D    const ENTER KEY    Enter   x000D    var code   e keyCode    e which x000D    var key   e key x000D    if  code    ENTER KEY CODE    key    ENTER KEY    x000D      console log  Enter key pressed   x000D      x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 5 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

The easy way to detect whether the user has pressed enter is to use key number the enter key number is  13 to check the value of key in your device     input   keypress function  e      if  e which    32     65  lt   e which  amp  amp  e which  lt   65   25                          97  lt   e which  amp  amp  e which  lt   97   25         var c   String fromCharCode e which          p   append     lt span  gt                children   last              append document createTextNode c        else if  e which    8           backspace in IE only be on keydown        p   children   last   remove             div   text e which         by pressing the enter key you will get result as 13   using the key value you can call a function or do whatever you wish             document  keypress function e          if e which    13    console log  User entered Enter key                 the code you want to run                    if you want to target a button once enter key is pressed you can use the code         document  bind  keypress   function e     if e which     13       return          butonname   trigger  click              Hope it help

User · Answer

document  keyup function e        if e key      Enter               Do the stuff

User · Answer

I think the simplest method would be using vanilla javacript   document onkeyup   function event       if  event key     13        alert  enter was pressed

[javascript] How to detect pressing Enter on keyboard using jQuery?

Use `event.key` and modern JS!

Examples related to javascript

Examples related to jquery

Examples related to keyboard-events

Examples related to enter

Examples related to jquery-events