方向键的控制(多单元格之间的移动)

οnfοcus="focusThis(this.id,this)"


<script type="text/javascript">

//input中根据单元格行列进行定位
function keyMove(trSeq,tdSeq){
var rows; //table的所有tr元素
rows=document.getElementById("tab1").rows;//根据table的id获取
for(var i=0;i<rows.length;i++){//行循环
for(var j=0;j<rows[i].cells.length;j++){//列循环
if((String(trSeq)==i) && (String(tdSeq)==j)){//判断目标单元格的行列是否在范围内
for(var z = 0; z < rows[trSeq].cells[tdSeq].childNodes.length; z++){
if(rows[trSeq].cells[tdSeq].childNodes.item(z).nodeName== "INPUT"){//目标是否是input类型
nextId = rows[trSeq].cells[tdSeq].childNodes.item(z).id;//获取id
$("#"+nextId).focus();//定位光标
//控制input框内光标位置
var e =document.getElementById(nextId);
var r =e.createTextRange();
//alert("length:"+$("#"+nextId).val().length+" val:"+$("#"+nextId).val());
r.moveStart('character',$("#"+nextId).val().length);
r.collapse(true);
r.select();
break;
}
}
}
}
}
}
//input中的方向键事件(根据单元格行列进行定位)
function focusThis(id,obj){
var keycode; //事件code码
var trSeq=0; //当前行数
var tdSeq=0; //当前列数
var nextId; //目标对象的id
var rows; //table的所有tr元素

document.onkeydown = keyDown;//除发方向键事件
function keyDown(){

keycode = event.which||event.keyCode;
trSeq=obj.parentNode.parentNode.rowIndex;
tdSeq=obj.parentNode.cellIndex;
rows=document.getElementById("tab1").rows;//根据table的id获取

switch(keycode){
case 38: //上
trSeq = trSeq-1;//行号减一
keyMove(trSeq,tdSeq);
break;
case 40: //下
trSeq = trSeq+1;//行号加一
keyMove(trSeq,tdSeq);
break;
case 37: //左
tdSeq = tdSeq-1;//列号减一
keyMove(trSeq,tdSeq);
break;
case 39: //右
tdSeq = tdSeq+1;//列号加一
keyMove(trSeq,tdSeq);
break;
default:
return;
}

}
}
</script>