将密钥代码写入控制台。 反复

Question

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

我的问题是如何修改代码以在按键后按键后打印按键。 目前它只做一个，然后就是这样。

我在css-tricks上所做的事情有一个更好的版本，这里的代码不可否认，后者正在运行 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}`;
}