onKeyPress does not Work At Work！

我有5個點擊的div標籤，div的顯示一個黃色的方框，方框內的數字。當用戶點擊一個廣場，廣場上的顏色變化來指示點擊廣場是'主動'廣場（這部分工作正常）。然後用戶應該能夠按下一個號碼。當按下數字時，div中顯示的數字應改變爲他們按下的數字！onKeyPress does not Work At Work！

但是...它不起作用！作爲div屬性，我有onkeypress =「（更改標記的innerHTML的函數）」。

出於測試目的，我寫onkeypress事件= 「警報（ '鍵'）;」作爲div屬性來查看它是我的javascript函數還是onKeyPress本身！但警報不會顯示！

我試圖把onkeypress事件警報在身上的標籤，它工作得很好。它只是分區！我也嘗試按下一個鍵之前，我點擊的div和點擊後的div！

我也試過onkeydown和onkeyup！

我真的不能看到問題！代碼如下：

<html> 
<head> 
<style type="text/css"> 
#grid { 
    position:absolute; 
    padding: 0; 
    border:0; 
    width:370px; 
    height:370px; 
} 
.box 
{ 
    position:absolute; 
    border: 2px solid Black; 
    height: 50px; 
    width: 50px; 
    vertical-align: middle; 
    text-align: center; 
    background-color: yellow; 
    font-size: xx-large; 
    color:Navy; 
    font-family: Arial; 
    margin:10px; 
    line-height:1.6; 
} 
.boxActive 
{ 
    background-color:Aqua; 
} 
</style> 

<script type="text/javascript> 
function clicked(id) { 
    reset(); 
    $(id).addClass('boxActive'); 
} 
</script> 

<script type="text/javascript" src="JQuery.js"></script> 

</head> 
<body> 
    <div id="grid"> 
     <div id="cell_0_0" class="box" onclick="clicked(this);" onkeypress="alert('key');" style="top:0%; left:0%; ">0</div> 
     <div id="cell_0_1" class="box" onclick="clicked(this);" onkeypress="alert('key');" style="top:0%; left:20%; ">0</div> 
     <div id="cell_0_2" class="box" onclick="clicked(this);" onkeypress="alert('key');" style="top:0%; left:40%; ">0</div> 
     <div id="cell_0_3" class="box" onclick="clicked(this);" onkeypress="alert('key');" style="top:0%; left:60%; ">0</div> 
     <div id="cell_0_4" class="box" onclick="clicked(this);" onkeypress="alert('key');" style="top:0%; left:80%; ">0</div>    
    </div> 
</body> 
</html>

任何人都可以建議如何解決這個問題或更改div標籤的innerHTML，當用戶點擊div和按下一個鍵的方法！

謝謝！

Alex

來源

2011-05-19 AlexMorley-Finch