why jQuery e.which does not work to detect input key?

Question

I have a simple HTML like this:

Get alert with inserting a + sign: <input type="text" class="data" />

I want alert user whenever he/she press + key. But my jQuery code does not work:

$(document).ready(function(){
    $(".data").bind('keydown',function(e){
        if(e.which == 107){
            alert('Plus sign entered');
        });
    });
});

What do I have to do ?

(This is my jsFiddle)

try using keyup instead of keydown. also check this http://stackoverflow.com/questions/302122/jquery-event-keypress-which-key-was-pressed — Lenin Raj Rajasekaran, Jan 15 '12 at 07:21

score 1 · Accepted Answer · answered Jan 15 '12 at 07:22

There were two things wrong in this code.

There was a typo(?) - closing curly braces for the IF condition
The key ID for SHIFT and = (which is +) is different from the numpad +

The following code fixes it

$(document).ready(function(){
    $(".data").bind('keydown',function(e){

        if(e.which == 107 || e.which == 187){
            alert('Plus sign entered');
        }
    });
});

Here's the fiddle - http://jsfiddle.net/DgUUB/

why jQuery e.which does not work to detect input key?

1 Answers1