按照楼主的需求改了下,
有几点要说明下
楼主的第三点没看懂什么意思
上面的代码是javascript,并非java,两者是有很大差别的
并且很明显这段代码是只能在IE下运行的,不兼容其他浏览器的代码。
<script language="javascript">
var x=0;
var y=0;
var lastrownum=0;
var lastcellnum=0;
document.onkeydown =function moveSel(){
var e = window.event;
var code=e.keyCode;
//ascii left 37 right 39 up 38 down 40
if(code==37 || code==39) moveY(code-38);
else if(code==38 || code==40) moveX(code-39);
else return;
}
function moveX(step){
tb.rows[x].cells[y].style.backgroundColor="#FFFFFF";
if(step==-1 && x==0) {x=lastrownum;}
else if(step==1 && x==lastrownum) x=0;
else x=x+step;
SelectCell();
}
function moveY(step){
tb.rows[x].cells[y].style.backgroundColor="#FFFFFF";
if(step==-1 && y==0) y=lastcellnum;
else if(step==1 && y==lastcellnum) y=0;
else y=y+step;
SelectCell();
}
function SelectCell(){
tb.rows[x].cells[y].style.backgroundColor="#00ff00";
tb.rows[x].cells[y].focus();
}
function init(){
lastrownum=tb.rows.length-1;
lastcellnum=tb.rows[0].cells.length-1;
tb.rows[x].cells[y].style.backgroundColor='#0000ff';
tb.rows[x].cells[y].focus();
}
document.onmousedown=function()
{
tb.rows[x].cells[y].style.backgroundColor="#FFFFFF";
if(event.srcElement.tagName!="TD")
{
x=event.srcElement.parentNode.parentNode.rowIndex
y=event.srcElement.parentNode.cellIndex
}
else
{
x=event.srcElement.parentNode.rowIndex
y=event.srcElement.cellIndex
}
SelectCell();
}
</script>
</head><body onLoad="init()">
<form action="clmm1.asp" method="post" name="mm">
<table id="tb" name="tb" width="400" height="" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse " bordercolor="#111111">
<tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr>
<tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr>
</table>
</form>
有几点要说明下
楼主的第三点没看懂什么意思
上面的代码是javascript,并非java,两者是有很大差别的
并且很明显这段代码是只能在IE下运行的,不兼容其他浏览器的代码。
<script language="javascript">
var x=0;
var y=0;
var lastrownum=0;
var lastcellnum=0;
document.onkeydown =function moveSel(){
var e = window.event;
var code=e.keyCode;
//ascii left 37 right 39 up 38 down 40
if(code==37 || code==39) moveY(code-38);
else if(code==38 || code==40) moveX(code-39);
else return;
}
function moveX(step){
tb.rows[x].cells[y].style.backgroundColor="#FFFFFF";
if(step==-1 && x==0) {x=lastrownum;}
else if(step==1 && x==lastrownum) x=0;
else x=x+step;
SelectCell();
}
function moveY(step){
tb.rows[x].cells[y].style.backgroundColor="#FFFFFF";
if(step==-1 && y==0) y=lastcellnum;
else if(step==1 && y==lastcellnum) y=0;
else y=y+step;
SelectCell();
}
function SelectCell(){
tb.rows[x].cells[y].style.backgroundColor="#00ff00";
tb.rows[x].cells[y].focus();
}
function init(){
lastrownum=tb.rows.length-1;
lastcellnum=tb.rows[0].cells.length-1;
tb.rows[x].cells[y].style.backgroundColor='#0000ff';
tb.rows[x].cells[y].focus();
}
document.onmousedown=function()
{
tb.rows[x].cells[y].style.backgroundColor="#FFFFFF";
if(event.srcElement.tagName!="TD")
{
x=event.srcElement.parentNode.parentNode.rowIndex
y=event.srcElement.parentNode.cellIndex
}
else
{
x=event.srcElement.parentNode.rowIndex
y=event.srcElement.cellIndex
}
SelectCell();
}
</script>
</head><body onLoad="init()">
<form action="clmm1.asp" method="post" name="mm">
<table id="tb" name="tb" width="400" height="" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse " bordercolor="#111111">
<tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr>
<tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr> <tr><td>1231</td>
<td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td><td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
<td>1231</td> <td width="10%"><input type="hidden" name="te"><input type="text" name="textfield"></td>
</tr>
</table>
</form>
解决方案 »
- struts1中怎么让请求跳转到指定的Action而非execute方法中
- 求教各位大师,关于XMLDOM跨域读取XML 但URL带参数且长度超2048
- javascript 实现继承。
- 如何在javascript中异步调用一个函数
- 关于 document.getElementsByTagsName('button')[0].click 的疑问
- 提问改变字体颜色的问题!!!
- 如何在页面的未尾点击一个链接后,回到此页面的最项端
- 请问:怎么在系统的右键菜单上加菜单项?
- 如何使text的样式只有一条横线阿
- js改变class的问题
- 请教一个JS转换时间格式的问题,谢谢!
- 新手问一个简单问题 给文本框赋值为什么说没有定义?
第三条是有很多个行的时候,按键盘看不到焦点所在的文本框.不过既然用鼠标点就可以得到焦点那这个问题也就解决了.结贴!
(另:我在MYIE里是可以用的.)