Se explica en KeyboardEvent (MDN):
KeyboardEvent.keyCode
(👎 obsoleto). Representa el código numérico, dependiente del sistema y la implementación,que identifica al valor no modificado de la tecla presionada. Es decir que es el número de la tecla, y no el del caracter ingresado.
En cambio, podés obtener el valor con:
KeyboardEvent.key
. Devuelve el valor de la tecla presionada por el usuario. Y, para caracteres imprimibles, devuelve un string que contiene la representación de la tecla (el caracter).
var texto = document.getElementById('capture');
texto.addEventListener('keydown', function(keyboardEvent) {
let tecla = keyboardEvent.key;
//Validamos que no sea "Dead", "Shift", "Control", etc.
if (tecla.length == 1) {
let code = tecla.charCodeAt(0); //Obtenemos el código ASCII
console.log('Tecla', tecla, 'Código', code);
}
});
<input type="text" id="capture">
Nota:
No se recomienda más el uso de onkeydown para interceptar teclas. Entre los puntos principales a mencionar: no va
a funcionar con muchos de los teclados de dispositivos táctiles. Y,
hoy en día, no creo que quieras dejar afuera a la mayoría de los
celulares.
Además, si estabas pensando realizar alguna validación, ¿qué debería
ocurrir cuando el usuario pega texto sin presionar ninguna tecla?
En cambio, te recomendaría utilizar exclusivamente los eventos que se
disparan al modificar un elemento, como oninput, o a lo sumo
onkeypress.