How to call a function when enter key pressed?

Question

<input type="email" name="email" id="email" style="width:100%;" onkeypress="getMailList($('#email').val())" required>

i needed to call a function only when enter key pressed. I just use kepress event. But it call function all keypress. Thanks in advance.

Take a look at the event from your `keypress` handler function. The keycode of the key that was pressed should appear in there. — Lix, Aug 19 '14 at 12:33
Analogical problem here: http://stackoverflow.com/questions/17548454/javascript-how-to-highlight-text-with-pressing-enter-return — JKS, Aug 19 '14 at 12:36

score 1 · Answer 1 · answered Aug 19 '14 at 12:34

1

If you wish to use jQuery:

$("#email").keyup(function(event){
  if(event.keyCode === 13){
      //Do something
  }
});

13 is the keycode for enter (Other keycodes: http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00000520.html)

answered Aug 19 '14 at 12:34

Blubberguy22

1,344
1
17
29

fonZ · Accepted Answer · 2014-08-19T13:01:38.807

Everybody suggests using jQuery and it's not needed at all in this case. The same for more javascript, it's not needed and will probably make your code less readable.

The only thing you need to do is an an if statement in the html tag.

Just add the following if statement:

if (window.event.keyCode == 13) getMailList($('#email').val())

13 is the keycode for enter.

<input type="email" name="email" id="email" style="width:100%;" 
onkeypress="if (window.event.keyCode == 13) getMailList($('#email').val())" required>

score 0 · Answer 3 · answered Aug 19 '14 at 12:35

0

Seems like you are already using jquery so try below code:

$('#email').keypress(function(e) {
    if(e.which == 13) {
      var email = $(this).val();
      getMailList(email);
    }
});

answered Aug 19 '14 at 12:35

Yalamber

7,360
15
63
89

Bjorn · Answer 4 · 2014-08-19T12:57:11.257

There are two approaches:

bind your event onkeypress on the input, checking if the pressed key is 'enter' (char code = 13)
bind your event to the onSubmit event on the surrounding form. The onSubmit event will trigger when pressing enter.

An example for the latter, which is nicer because it allows you to make it work when javascript is disabled:

<form action="/foo/bar" method="post" id="form">
    <input type="email" id="email" name="email" required />
</form>

$('#form').on('submit', function(e) {
    e.preventDefault();
    getMailList($('#email').val());
    // do something else
});

score 0 · Answer 5 · answered Aug 19 '14 at 13:12

Html:

<input id="typeHere" placeholder = "Type here and Press Enter" type="text" onkeypress="return functionCall(event)"></input>

Jquery:

var functionCall= function(e) {
    if (e.keyCode == 13) {
        var tb = document.getElementById("typeHere");
        alert(tb.value);
        return false;
    }
    else {
     return true;
    }
}

see fiddle here

How to call a function when enter key pressed?

5 Answers5