javascript - 将键码写入控制台。反复

Question

我有一个小心理障碍:我有一个 html 中的 javascript 函数，可以在按下某个键时写入键码。我已经将它连接到一个函数，该函数可以准确地告诉我按下了什么字符和键码(不包括在内)。

我的问题是如何修改代码以在按键后打印按键。目前它只执行一项操作，仅此而已。

我在 css-tricks 上所做的事情有一个更好的版本，与 code here不可否认，后者正在运行 JS Babel，这可能是不同之处。但是，我需要在纯 Javascript 中执行此操作。

奖励积分:按键是一个或两个单词；)

</script>
function check_keycode(e)
{
    var keycode;

    if (window.event)
    {
        keycode = window.event.keyCode;
    }
    else if (e)
    {
        keycode = e.which;
    }
    document.write("keycode: " + keycode);
    //console.log("keycode: " + keycode);
}
</script>

Answer 1

我想你想要这样的东西。我尝试使用 Chrome 控制台。

HTML

<p id="log"></p>

JS:

const log = document.getElementById('log');

document.addEventListener('keypress', logKey);

function logKey(e) {
  log.textContent += ` ${e.key}`;
}