Disable input when enter key pressed multiple times

Question

How do I make so that when the enter key is pressed multiple times, the site only detects the input once? I have a small bug which occurs whenever the user double taps the enter key in an input box, so what I want to do is only accept the input press once. Thank you so much in advance!!

  $('#search_list').keypress(function(e) {
    if (e.which == '13') {


   }    
}

Do you have `
` element as parent of `#search_list` ?
– Vedant Terkar Jul 13 '14 at 05:29 — Vedant Terkar, Jul 13 '14 at 05:29

score 3 · Accepted Answer · edited May 23 '17 at 10:30

3

You can prevent repeatedly enter pressing by this way:

var enterPressed = false;

$('#search_list').keypress(function(e) {
    if (e.which == '13') {
       if( ! enterPressed){
         // do some processing
         return;
       }
      enterPressed = true;
      setTimeout(function(){
         enterPressed = false;
      }, 1000);

   }    
}

Inspired by this post.

edited May 23 '17 at 10:30

Community

1
1

answered Jul 13 '14 at 05:34

Walid Ammar

4,038
3
25
48

score 0 · Answer 2 · answered Nov 16 '16 at 17:13

var enterPressed = false;

$('#search_list').keypress(function(e) {

    if (e.which == '13') {
       if( ! enterPressed){
         // do some processing

          enterPressed = true;
          setTimeout(function(){
            enterPressed = false;
          }, 1000);

        }


   }    
}

I think this way is better.

Disable input when enter key pressed multiple times

2 Answers2