jQuery hide element by key press

Question

I'm trying to hide all the buttons (or any other element I choose) by pressing the right arrow on my keyboard. Anyone know whats wrong?

$("body").keyPress(function(key){
    if (key.which == 39){
        $("button").hide();
    }
});

haha wow thanks

It's `.keypress()` and not `.keyPress()`. Javascript is case sensitive. — emerson.marini, Aug 04 '14 at 08:53

score 3 · Answer 1 · answered Aug 04 '14 at 08:53

its keypress(), change:

$("body").keypress(function(key){
    if (key.which == 39){
        $("button").hide();
    }
});

Better to use keydown(), as:

keypress() will never be fired with Shift, Esc, and Delete &
keypress() in some browser will be triggered by arrow keys but its not cross-browser

score 1 · Answer 2 · edited May 23 '17 at 11:59

1

You cannot use keypress for detecting arrow keys(because it is fired only for printable characters), use keyup instead

$("body").keyup(function (key) {
    console.log(key.which)
    if (key.which == 39) {
        $("button").hide();
    }
});

edited May 23 '17 at 11:59

Community

answered Aug 04 '14 at 08:54

Arun P Johny

score 0 · Answer 3 · edited May 23 '17 at 12:23

0

Try

$("body").keydown(function(e) {

instead of KeyPress , its arrow keys .

edited May 23 '17 at 12:23

Community

answered Aug 04 '14 at 08:57

Rigin

3 Answers3