关闭

js源码--键盘控制

638人阅读 评论(0) 收藏 举报
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
document.onkeydown=keydown;
function keydown(){
obj=window.event.srcElement
objId=window.event.srcElement.id
    if(objId.indexOf("t")!=-1){
        if(window.event.keyCode==37){
        var s=document.selection.createRange();
        s.setEndPoint("StartToStart",window.event.srcElement.createTextRange())
        if(s.text==""){
        var strId=objId.substring(1,2);
        var strId1=objId.substring(2,3);
        strIdLeft="t"+strId+(parseInt(strId1)-1)
        document.getElementById(strIdLeft)?document.getElementById(strIdLeft).focus():(document.getElementById("t"+(parseInt(strId)-1)+3)?document.getElementById("t"+(parseInt(strId)-1)+3).focus():"")
        }
        }
        if(window.event.keyCode==39){
        var s=document.selection.createRange();
        s.setEndPoint("StartToStart",window.event.srcElement.createTextRange())
        if(s.text==obj.value){
        var strId=objId.substring(1,2);
        var strId1=objId.substring(2,3);
        strIdLeft="t"+strId+(parseInt(strId1)+1)
        document.getElementById(strIdLeft)?document.getElementById(strIdLeft).focus():(document.getElementById("t"+(parseInt(strId)+1)+1)?document.getElementById("t"+(parseInt(strId)+1)+1).focus():"")
        }
        }
        if(window.event.keyCode==38||window.event.keyCode==40){
        var strId=objId.substring(1,2);
        var strId1=objId.substring(2,3);
        window.event.keyCode==38?strIdLeft=("t"+(parseInt(strId)-1))+strId1:strIdLeft=("t"+(parseInt(strId)+1))+strId1
        document.getElementById(strIdLeft)?document.getElementById(strIdLeft).focus():""
        }
       
    }
}
</script>
</HEAD>
<BODY >
<table id="tab">
<tr>
<td><input type="text" name="t11" id="t11" ></td>
<td><input type="text" name="t12" id="t12" ></td>
<td><input type="text" name="t12" id="t13" ></td>
</tr>
<tr>
<td><input type="text" name="t21" id="t21" ></td>
<td><input type="text" name="t22" id="t22" ></td>
<td><input type="text" name="t22" id="t23" ></td>
</tr>
<tr>
<td><input type="text" name="t31" id="t31" ></td>
<td><input type="text" name="t32" id="t32" ></td>
<td><input type="text" name="t32" id="t33" ></td>
</tr>
<tr>
<td><input type="text" name="t41" id="t41" ></td>
<td><input type="text" name="t42" id="t42" ></td>
<td><input type="text" name="t42" id="t43" ></td>
</tr>
</table>
<input type=hidden id="hidden1" value="">
</BODY>
</HTML>
 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:203440次
    • 积分:2682
    • 等级:
    • 排名:第14006名
    • 原创:59篇
    • 转载:84篇
    • 译文:0篇
    • 评论:80条
    最新评论