Key event not firing

Question

My Javascript:

$("#test").keypress(function(e){
       if (document.all){ var evt = event.keyCode; }
       else if(e.which) { var evt = e.which;       }           
       else             { var evt = e.charCode;    }

       if (evt == 13){ // with any other key, the alert dos not fire
            alert(evt);
       }
       return true;
});

Jsfiddle demo

The keycode 13 Enter fires the alert, but any other dosent.

Can any one tell me why?

I need to verify if the 13 or 9 tab was fired.

Thanks.

hunter · Accepted Answer · 2011-09-15T20:54:07.810

2

Use keydown rather than keypress

$('#test').live('keydown', function(e) { 
    var k = e.keyCode || e.which; 

    if (k == 9 || k == 13) { 
        e.preventDefault();
        alert(k);
    } 
});

working: http://jsfiddle.net/hunter/cDVek/15/

edited Sep 15 '11 at 20:54

answered Sep 15 '11 at 20:46

hunter

62,308
19
113
113

why if i change the 13 to 9 ( tab ) dos not fire the alert ? – Ricardo Binns Sep 15 '11 at 20:49

score 0 · Answer 2 · answered Sep 15 '11 at 20:50

0

add a conditional clause to check for evt == 9:

if (evt == 13) { 
   alert(evt); 
} else if (evt == 9) { 
   alert(evt);
}

answered Sep 15 '11 at 20:50

defvol

14,392
2
22
32

check this answer http://stackoverflow.com/questions/3362/capturing-tab-key-in-text-box – defvol Sep 15 '11 at 20:53
i see, use the "e" parameter, try: evt = e.keyCode – defvol Sep 15 '11 at 20:54
parameter "e" holds the "keypress" event, so use it instead of "event" (in line 2). – defvol Sep 15 '11 at 20:56

Key event not firing

2 Answers2