jQuery: нажмите J и сделайте что-нибудь, нажмите H и сделайте что-нибудь еще

Question

Я не могу получить простой ответ на это: когда я нажимаю букву J, я хочу, чтобы она скрыла $('.something'), а когда я нажимаю букву H, я хочу, чтобы она показала $('.something')

press the letter J
$('.something').hide()

press the letter H
$('.something').show()

Answer 1

$(document).bind('keydown', function(e) {
    if (e.keyCode == 72) {
        // press the letter H
        $('.something').show()
    } else if (e.keyCode == 74) {
        //press the letter J
        $('.something').hide()
    }
    return false;
});​

сумасшедшая демонстрация

Answer 2

Обнаружение клавиш на основе символов можно выполнить только с событием keypress:

$(document).keypress(function(e) {
    var charCode = e.which;
    if (charCode) {
        var lowerCharStr = String.fromCharCode(charCode).toLowerCase();
        if (lowerCharStr == "h") {
            $('.something').show();
        } else if (lowerCharStr == "j") {
            $('.something').hide();
        }
    }
});

Answer 3

document.addEventListener('keypress', function(e) {
    if (String.fromCharChode(e.charCode) == 'j') $('.something').hide();
    if (String.fromCharChode(e.charCode) == 'h') $('.something').show();
}, false);