JavaScript：捕获Onkeyup事件只能运行一次

Question

我正在尝试编写一个可以捕获onkeyup事件的网页。

它使用document.write("..."); 每次都打印键码。

但是，它只能运行一次，第二次使用时，窗口不会更新。

这是代码：

document.onkeyup = function checkKeys(event) {
    var keyCode = event.which || event.keyCode;
    document.write(keyCode);
};

为什么这只捕获一次事件？

Answer 1

不要使用document.write() 。 它与onkeyup处理程序一起将页面擦干净。 在页面上创建一个元素并更新该元素的内容。

document.onkeyup = function checkKeys(event) {
    var keyCode = event.which || event.keyCode;
    document.getElementById( 'results' ).innerText = keyCode;
};

HTML：

<div id="results"></div>

Answer 2

document.write(keyCode); 每次使用新的键代码覆盖页面时，您需要附加到文档，最好是页面上的div：

<div id="keyupDiv"></div>

document.getElementById("keyupDiv").innerHTML += keyCode;