如何使用onkeypress捕获可变数据？

Question

我是学习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);

谢谢

Answer 1

你可能最好使用addEventListener和keypress作为第一个参数。像这样的东西：

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

<div id="output"></div>