JavaScript:捕获 Onkeyup 事件仅有效一次

Question

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

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

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

这是代码:

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

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

Answer 1

Don't use document.write() 。它与 onkeyup 处理程序一起清除页面。在页面上创建一个元素并更新该元素的内容。

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

HTML:

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