js源码--键盘控制

原创 2007年09月24日 15:34:00
<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>
 

js实现键盘控制移动div

用户可通过键盘操作实现div的移动
  • qq_35034870
  • qq_35034870
  • 2017年05月08日 16:31
  • 595

js捕获键盘按键值,并且实现焦点切换

content #nav{ font-size: 30px; } #nav_tab{ position: absolute; left: 50%; margi...
  • Kanglizi
  • Kanglizi
  • 2015年08月16日 12:16
  • 358

js控制键盘按键(回车、空格)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 html xmlns="http://www.w3.org/1999/xhtml" > head> title>Check ...
  • yl_99
  • yl_99
  • 2015年03月27日 13:35
  • 3893

JS控制文本框内键盘上下左右键的焦点

JavaScript键盘上下左右控制文本框焦点的方法有很多,这里简单说两种方法: 方法一: 创建一个table的dom元素,包含5行4列的文本框,代码可在附件看到 基本思路是获取表单的行...
  • jingzizhu
  • jingzizhu
  • 2014年08月29日 15:35
  • 2610

javascript-第九节-键值或按钮控制div移动、轮播

1、在屏幕添加四个按钮,上下左右,来控制一个div的移动 点击按钮操作上下移动 #content { position: absolu...
  • u012054869
  • u012054869
  • 2016年06月14日 08:53
  • 194

解决js中onkeydown事件键盘控制div移动鼠标卡顿

当在键盘上按下按键之后,div移动会卡顿一下,然后再继续持续移动。原因是系统要区分用户是否连续输入,第一个到第二个之间有一个停顿时间,键盘在第一次keydown后,不能连续触发onkeydown,因为...
  • yCharlee
  • yCharlee
  • 2016年07月10日 21:11
  • 1616

javascript检查android软键盘隐藏显示

javascript如何检查当输入框获取焦点弹出android软键盘时,如果点击的是键盘上的隐藏按钮隐藏键盘时,如何捕获点击隐藏按钮事件。 javascript检查android软键盘隐藏显...
  • macwhirr123
  • macwhirr123
  • 2016年07月27日 14:15
  • 1235

Js控制iphone端的input/textarea元素失去焦点时隐藏键盘

http://www.cnblogs.com/dtdxrk/p/3682352.html 我们就这个问题进行了测试,确实没有隐藏。看了看其它网站的...
  • qq_32963841
  • qq_32963841
  • 2017年06月16日 14:58
  • 575

JS_控制输入,只能键入数字

JS_控制输入,只能键入数字 原文 http://blog.csdn.net/ffwangxiuwei/article/details/6308753 技术要领:onkey...
  • xyr05288
  • xyr05288
  • 2015年10月28日 12:26
  • 403

Js控制iphone端的input/textarea元素失去焦点时隐藏键盘

原文链接:http://www.cnblogs.com/dtdxrk/p/3682352.html 问题的原由 同事在制作触屏页面的时候收到产品这样一个需求:“我们的页面为什么点击完tex...
  • u013184759
  • u013184759
  • 2016年08月15日 09:28
  • 3429
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js源码--键盘控制
举报原因:
原因补充:

(最多只允许输入30个字)