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