Напишите скрипт для отслеживания данных и эксперементируйте.
Вот что то типа такого можно:
<h3>Keydown</h3>
<div class="keydown"> </div>
<h3>Keypress</h3>
<div class="keypress"> </div>
<h3>Keyup</h3>
<div class="keyup"> </div>
<script>
document.addEventListener('keydown', (e) => {
document.querySelector('.keydown').textContent = 'Клавиша: ' + e.key + ', keyCode: ' + e.keyCode + ', charCode: ' + e.charCode + ', which: ' + e.which;
console.dir(e);
})
document.addEventListener('keypress', (e) => {
document.querySelector('.keypress').textContent = 'Клавиша: ' + e.key + ', keyCode: ' + e.keyCode + ', charCode: ' + e.charCode + ', which: ' + e.which;
console.dir(e);
})
document.addEventListener('keyup', (e) => {
document.querySelector('.keyup').textContent = 'Клавиша: ' + e.key + ', keyCode: ' + e.keyCode + ', charCode: ' + e.charCode + ', which: ' + e.which;
console.dir(e);
})
</script>
console.dir(e) - выводит в консоль доступные для события свойства.
https://learn.javascript.ru/keyboard-events хорошее пособие с полезностями. Не нужно пренибригать её изучением.