Использование KEYCODE в паре KeyDown и KeyUp события

Question

Я хочу, чтобы отслеживать, какие клавиши нажаты в данный момент времени, например так:

var keys = {}; 
$(document.body).on('keydown', function(e) { 
    keys[e.keyCode] = true; 
}); 
$(document.body).on('keyup', function(e) { 
    delete keys[e.keyCode]; 
}); 

Однако из MDN она выглядит keyCode устарела, и предлагает key , От тестирования на Chrome это выглядит как key is undefined. В документации также описывается which, но я не уверен, каковы различия.

Это ключевой код, подходящий для использования здесь? Мне все равно, какие клавиши опущены, только я знаю, что некоторые клавиши нажаты. Я также не могу использовать событие input.

Answer 1

Я бы предложил использовать резервный механизм, который сначала обрабатывает совет от MDN, а затем возвращается к старым решениям. Но если вы используете JQuery, вы должны использовать provided methods, чтобы получить ключ-код

// jquery 
$(document.body).on('keyup', function(e) { 
    delete keys[e.which]; 
}); 

// vanilla 
document.body.addEventListener('keyup', function (e) { 
    delete keys[(e.key && e.keyCode.charCodeAt(0)) || e.which || e.keyCode]; 
}, true); 

Однако это верно лишь для печатаемых символов и нуждается в более глубокое исследование проблемы обычно.