Как использовать onkeypress для захвата переменных данных? - PullRequest
Новая
       29

Как использовать onkeypress для захвата переменных данных?

0 голосов
/ 04 апреля 2019

Я очень новичок в изучении javascript и jquery.Мне было дано много заданий, которые требуют, чтобы пользователь нажимал любую клавишу на клавиатуре, чтобы сыграть в игру или сделать предположение.Мне было бы несложно настроить, если бы пользователь мог использовать приглашение (https://www.w3schools.com/jsref/met_win_prompt.asp) или подтверждение (https://www.w3schools.com/jsref/met_win_confirm.asp)) для сбора данных для переменной с полем ввода. Я пыталсячтобы выяснить, как это сделать с помощью onkeypress. Кто-нибудь знает, как захватить переменные данные с помощью этой команды?

Вот небольшой код, который я пытался использовать: 

     document.onkeydown = function user (event) {
    var key_press = String.fromCharCode (event.keyCode);
    document.getElementById("kp").innerHTML = key_press;
    return event;
    }
    console.log(event);

Спасибо

1 Ответ

0 голосов
/ 04 апреля 2019

Возможно, лучше использовать addEventListener с keypress в качестве первого аргумента.Как то так: 

const outputEl = document.querySelector('#output');
document.addEventListener('keypress', e => {
  outputEl.innerHTML = `<p>User pressed: ${e.code}</p>`;
});
<div id="output"></div>
...