Question

I currently have a textbox that I am invoking a keyboard stroke on focus:

$myTextBox.on('focus', function(e){
    $(document).keydown(function(e){ 
       if(e.which==13)
         e.preventDefault() 
    });
    $(document).keyup(function(e){
       if(e.which ==13)
         alert("hey");
    });
});

If I click on this multiple times pressing ‘enter’ once will cause many alerts, how can I avoid this so that only it is only invoked once.

Answer 1

You’re adding the event listener every time the field gets focus.

Just add the keydown, keyup listener on the document ready function…

$(function() {
    $("#myTextBox").keydown(function(e){ 
       if(e.which==13)
         e.preventDefault() 
    });
    $("#myTextBox").keyup(function(e){
       if(e.which ==13)
         alert("hey");
    });
});​

http://jsfiddle.net/ShHkP/