Показать сообщение отдельно
  #3 (permalink)  
Старый 18.03.2019, 14:32
Аватар для MC-XOBAHCK
Профессор
Отправить личное сообщение для MC-XOBAHCK Посмотреть профиль Найти все сообщения от MC-XOBAHCK
 
Регистрация: 06.08.2017
Сообщений: 473

Напишите скрипт для отслеживания данных и эксперементируйте.

Вот что то типа такого можно:
<h3>Keydown</h3>
<div class="keydown">&nbsp;</div>
<h3>Keypress</h3>
<div class="keypress">&nbsp;</div>
<h3>Keyup</h3>
<div class="keyup">&nbsp;</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 хорошее пособие с полезностями. Не нужно пренибригать её изучением.
Ответить с цитированием