jQuery call function if Enter hit

Question

I am calling a function on button click code is given blow:

<input type="button" value="Search" id="go" />

$("#go").click(function ()
{
...
});

now I catch if user hit enter key from keyboard by this function:

$("#s").keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

but how could I call

$("#go").click(function ()
    {
    ...
    });

both if user hits enter key & on click GO button?

score 30 · Accepted Answer · answered Apr 04 '13 at 05:02

30

Trigger the click handler explicitly:

$("#s").keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    $("#go").click();
    }
});

answered Apr 04 '13 at 05:02

Barmar

741,623
53
500
612

May want to modify: `e.which === 13` – slightlynybbled Nov 06 '18 at 18:03
1

Why? `e.which` is always a number, so type juggling isn't an issue. I'm not anal about using `===` all the time. – Barmar Nov 06 '18 at 19:24

score 3 · Answer 2 · answered Apr 04 '13 at 05:03

3

you can use keyup event :

$("#s").keyup(function(e) {
    if (e.which == 13) {
        $("#go").click();
    }
});

answered Apr 04 '13 at 05:03

csharp

59
4

score 3 · Answer 3 · answered Apr 04 '13 at 05:20

3

Try this one:

     $("#s").keypress(function(e) {

         if(e.which == 13) {
             e.preventDefault();
             $("#go").click();
          }
    });

Fiddle Demo

answered Apr 04 '13 at 05:20

karthick

5,998
12
52
90

score 0 · Answer 4 · answered Apr 04 '13 at 05:14

Use both click event and mouse event: I affraid, you have not mention textbox there, so I suppose you do both on button.

$("#go").keypress(function(e) {

  //Event.which == 1 mouse click left and event. which == 13 is enter key.
   if(e.which == 13 || e.which == 1 ) {
      alert('You pressed enter or clicked left mouse');
   }

});

score 0 · Answer 5 · answered Jun 11 '21 at 10:03

0

   $(document).on("keyup", "#s", function (e) {

      if (e.which == 13) // the enter key ascii code
        {
         alert('You pressed enter!');

         $(document).on("click", "#go", function (e) {
             alert('button clicked!');
          }
        }
        
  });

answered Jun 11 '21 at 10:03

abhi akbari

1
2

Please add explanation to your answer – Sfili_81 Jun 11 '21 at 15:00
by using jQuery you can do easily event synchronously. Here, the button click waits for enter button click it will call only after pressing the enter button. – abhi akbari Jun 24 '21 at 20:09

jQuery call function if Enter hit

5 Answers5

Linked