JavaScript：捕獲Onkeyup事件只能用一次

Question

我正在嘗試編寫一個可以捕獲onkeyup事件的網頁。使用document.write("...");每次打印鍵碼。

但它只能使用一次，我第二次使用它時，窗口不會更新。

下面是代碼：

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

爲什麼這只是趕上事件一次？

Answer 1

document.write(keyCode);每次重寫頁面與新的鍵碼，則需要追加到文件，最好在頁面上一個div：

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

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

Answer 2

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>