我有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 14:54:13