<html>
<head>
<script type="text/javascript">
//索引，全局变量
var text_ind;
function of(text_index){
text_ind = text_index;
}
function okd(text_value){
var code_value = event.keyCode;
var next_name;
var flag = false;
var rng = document.selection.createRange();
rng.moveStart("character",-document.getElementById("t"+text_ind).value.length);
var gb_index = rng.text.length;
//判断按键是否为 -->
if(code_value==39){
//如果光标所在位置不是最后一个文本框,
//当光标不是最后一个且光标是在文本值最后时发生
if(text_ind!=8 && gb_index==3){
flag = true;
next_name = "t"+(text_ind+1);
}
}
//判断按键是否为 <--、
//当光标不是最后一个且光标是在文本值最前时发生
if(code_value==37){
if(text_ind !=0 && gb_index==0){
flag = true;
next_name = "t"+(text_ind-1);
}
}
//判断按键是否为 向上键
if(code_value==38){
//如果光标所在位置不是在第一行!
if(text_ind!=0 && text_ind!=1 && text_ind!=2){
flag = true;
next_name = "t"+(text_ind-3);
}
}
//判断按键是否为 向下键
if(code_value==40){
if(text_ind!=6 && text_ind!=7 && text_ind!=8){
flag = true;
next_name = "t"+(text_ind+3);
}
}
if(flag){
document.getElementById(next_name).focus();
}
}
</script> </head>
<body>
<table align="center" width="100" height="50">
<!-- 下面的函数of()中传递的是索引(第几个文本框)；函数okd()中传递的是text的值 -->
<tr>
<td> <input type="text" value="111" id="t0" onfocus="of(0)" onkeyup="okd('111')"/> </td>
<td> <input type="text" value="222" id="t1" onfocus="of(1)" onkeyup="okd('222')"/> </td>
<td> <input type="text" value="333" id="t2" onfocus="of(2)" onkeyup="okd('333')"/> </td>
</tr>
<tr>
<td> <input type="text" value="444" id="t3" onfocus="of(3)" onkeyup="okd('444')"/> </td>
<td> <input type="text" value="555" id="t4" onfocus="of(4)" onkeyup="okd('555')"/> </td>
<td> <input type="text" value="666" id="t5" onfocus="of(5)" onkeyup="okd('666')"/> </td>
</tr>
<tr>
<td> <input type="text" value="777" id="t6" onfocus="of(6)" onkeyup="okd('777')"/> </td>
<td> <input type="text" value="888" id="t7" onfocus="of(7)" onkeyup="okd('888')"/> </td>
<td> <input type="text" value="999" id="t8" onfocus="of(8)" onkeyup="okd('999')"/> </td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
最近公司开发ERP项目，要求商品入库选择货架号时支持使用方向键快速选择，以提高入库效率。
JSP Table 单元格合并 javascript
在本文中，我们将介绍如何在JSP中使用JavaScript实现动态插入删除输入框的功能。 一、JavaScript动态插入删除输入框的实现代码 在JSP中，使用JavaScript可以实现动态插入删除输入框的功能。下面是实现代码： ```...
还有我后面会介绍的"使用方向键在输入框矩阵中自然的导航"，核心技术点也是获取输入框中的光标位置。 获取输入框中的光标位置的整个代码其实很短，只是这些对象和方法不太常用而已。下面是一个使用JavaScript获取...
html直接看效果 只要输入table的id，就可以自动合并单元格，只要上下相邻的单元格相同的，都会合并
只要输入table的id，就可以自动合并单元格，只要上下相邻的单元格相同的，都会合并 html版比较好，点下面的 http://download.csdn.net/source/1276574
JavaScript应用实例-输入框光标.js
光标选择输入框.rar光标选择输入框.rar光标选择输入框.rar光标选择输入框.rar光标选择输入框.rar光标选择输入框.rar
对表格的行和列进行插入/删除，并对每行添加行号
主要介绍了javascript实现table单元格点击展开隐藏效果的实例代码讲解，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
js 实现 JavaScript捕获方向键! 值得下载看看!资源免费,大家分享!!
JS实现可以用键盘方向键控制的动画 用JS写一个可以用键盘方向键控制的动画： 效果如下： 好了，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> , initial-scale=1.0">...
【引子】在开发的过程中，表格Table有个缺陷，如果一行中某个单元格的超过一行，表格就不够美观了。下面的代码解决了这个问题：当表格被载入的时候，TD的宽度是原定的长 度，不会撑开TD，也不会影响其他TD，点击某...
javascript实现网页中单击单元格背景变色特效
Table前端同一列里面内容相同的单元格合并，网上找的存在如下问题： 1、大部分只能合并某一列，不能多列； 2、有些能合并多列的，首列合并后，第二列合并单元格行数不能超过首列合并的单元格行数，虽然第二列值可能...
使用javascript脚本向页面中的table添加和删除行
表格相同内容单元格的合并在以前也有过类似的教程，本文为大家讲解的是使用Javascript合并，具体示例及效果图如下，感兴趣的朋友可以参考下
JavaScript 各种鼠标光标控制示例，直接打开示例文件看演示，编辑文件看示例代码，很简单
js合并单元格js合并单元格js合并单元格js合并单元格js合并单元格js合并单元格js合并单元格js合并单元格js合并单元格js合并单元格