Jquery how to trigger click event on pressing enter key

Question

I need to execute a button click event upon pressing key enter    As it is at the moment the event is not firing   Please Help me with the syntax if possible     document  on  click    input name  butAssignProd     function           all the action       this is my attempt to fire click event on enter       txtSearchProdAssign   keydown function  e      if  e keyCode    13           input name   butAssignProd    click

User · Answer

Try This      twitterSearch   keydown function event        var keyCode    event keyCode   event keyCode   event which          if  keyCode    13                startSearch   trigger  click                Hope it helps you

User · Answer

Jquery   Fire Button click event Using enter Button Press try this    tabindex  0  onkeypress  return EnterEvent event      lt  --Enter Event Script-- gt       lt script type  text javascript  gt          function EnterEvent e                if  e keyCode    13                      doPostBack   lt   btnSave UniqueID  gt                                      lt  script gt       lt  --Enter Event Script-- gt

User · Answer

Are you trying to mimic a click on a button when the enter key is pressed  If so you may need to use the trigger syntax   Try changing     input name   butAssignProd    click      to     input name   butAssignProd    trigger  click      If this isn t the problem then try taking a second look at your key capture syntax by looking at the solutions in this post  jQuery Event Keypress  Which key was pressed

User · Answer

You were almost there  Here is what you can try though     function          txtSearchProdAssign   keyup function  e        if  e which    13             input name  butAssignProd     trigger  click                      I have used trigger   to execute click and bind it on the keyup event insted of keydown because click event comprises of two events actually i e  mousedown then mouseup  So to resemble things same as possible with keydown and keyup   Here is a Demo

User · Answer

You can use this code    document  keypress function event       var keycode    event keyCode   event keyCode   event which       if keycode     13           alert  You pressed a ENTER key

User · Answer

x000D   x000D           Search   keyup function e  x000D            x000D              if  event keyCode     13    x000D              e preventDefault    x000D              var searchtext       Search   val    x000D              window location href    searchData php Search     searchtext     amp bit 1   x000D                x000D              x000D   x000D   x000D

User · Answer

This appear to be default behaviour now  so it s enough to do       press-enter   on  click   function   alert  You  clicked  or  Entered  me        You can try it in this JSFiddle  Tested on  Chrome 56 0 and Firefox  Dev Edition  54 0a2  both with jQuery 2 2 x and 3 x

User · Answer

Just include preventDefault   function in the code       txtSearchProdAssign   keydown function  e        if  e keyCode    13               e preventDefault              input name   butAssignProd    click

User · Answer

Try This   lt button class  click on enterkey  type  button  onclick  return false   gt   lt script gt      click on enterkey   on  keyup  function event     if event keyCode    13         this  click             lt script gt

User · Answer

try out this         txtSearchProdAssign   keypress function  e     var key   e which   if key    13      the enter key code            input name   butAssignProd    click        return false                 x000D   x000D    function           input name  butAssignProd     click function         alert  Hello                   press enter on text area          txtSearchProdAssign   keypress function e        var key   e which      if  key    13     the enter key code                input name   butAssignProd    click          return false                   x000D   lt  DOCTYPE html gt   lt html gt    lt head gt     lt script src  http   ajax googleapis com ajax libs jquery 1 8 jquery min js  gt  lt  script gt     lt meta charset utf-8   gt     lt title gt JS Bin lt  title gt   lt  head gt    lt body gt     lt textarea id  txtSearchProdAssign  gt  lt  textarea gt     lt input type  text  name  butAssignProd  placeholder  click here  gt   lt  body gt    lt  html gt  x000D   x000D   x000D    Find Demo in jsbin com

User · Answer

Another addition to make   If you re dynamically adding an input  for example using append    you must use the jQuery on   function       parent   on  keydown     input   function  e        var key   e which      if key    13            alert  enter                button   click            return false              UPDATE   An even more efficient way of doing this would be to use a switch statement  You may find it cleaner  too   Markup    lt div class  my-form  gt     lt input id  my-input  type  text  gt   lt  div gt    jQuery       my-form   on  keydown     my-input   function  e      var key   e which    switch  key      case 13     enter     alert  Enter key pressed         break    default      break

User · Answer

txtSearchProdAssign   keypress function  e      if  e which    13           input name   butAssignProd    click        return false              I also just found Submitting a form on  Enter  which covers most of the issues comprehensively

[jquery] Jquery: how to trigger click event on pressing enter key

Examples related to jquery

Examples related to key-events