光标自动从一个表格跳入另一个表格

最新推荐文章于 2024-04-02 20:31:13 发布
最新推荐文章于 2024-04-02 20:31:13 发布
阅读量286 收藏
点赞数
分类专栏： javaScript 文章标签： JavaScript html ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaodeng_java/article/details/84367248
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">

document.οnkeyup=fun;

function fun(){
var now=document.activeElement;
if(now.value.length==2){
next(now.id);
}
}
//跳转到下一个输入框
function next(nowId){
var nums = new Array("a","b","c","d","e");
if(nowId.substring(1,2)=="7"){
var nowRow=0;
for(var i=0;i<nums.length;i++){
if(nums[i]==nowId.substring(0,1)){
nowRow=i;
break;
}
}
document.getElementById(nums[nowRow+1]+"1").focus();
}else{
var nextId=nowId.substring(0,1)+""+(parseInt(nowId.substring(1,2))+1);
document.getElementById(nextId).focus();
}
}
</script>

<body>
<form>
<table width="100%" border="0" cellpadding="3" cellspacing="1" class="bg_xt">
<tr>
<td colspan="7" align="center" bgcolor="#FFE1F9" class="font_01">红 号</td>
<td align="center" bgcolor="#E1F0FF" class="font_02">蓝号</td>
</tr>
<tr>
<td align="center" bgcolor="#FFE1F9" class="font_02">A</td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="a1" id="a1" maxlength="2" class="bk_frm3"/></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="a1" id="a2" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="a1" id="a3" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="a1" id="a4" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="a1" id="a5" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="a1" id="a6" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#E1F0FF"><input type="text" name="a1" id="a7" maxlength="2" class="bk_frm3" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFE1F9" class="font_02">B</td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="b1" id="b1" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="b1" id="b2" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="b1" id="b3" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="b1" id="b4" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="b1" id="b5" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="b1" id="b6" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#E1F0FF"><input type="text" name="b1" id="b7" maxlength="2" class="bk_frm3" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFE1F9" class="font_02">C</td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="c1" id="c1" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="c1" id="c2" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="c1" id="c3" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="c1" id="c4" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="c1" id="c5" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="c1" id="c6" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#E1F0FF"><input type="text" name="c1" id="c7" maxlength="2" class="bk_frm3" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFE1F9" class="font_02">D</td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="d1" id="d1" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="d1" id="d2" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="d1" id="d3" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="d1" id="d4" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="d1" id="d5" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="d1" id="d6" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#E1F0FF"><input type="text" name="d1" id="d7" maxlength="2" class="bk_frm3" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFE1F9" class="font_02">E</td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="e1" id="e1" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="e1" id="e2" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="e1" id="e3" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="e1" id="e4" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="e1" id="e5" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#FFE1F9"><input type="text" name="e1" id="e6" maxlength="2" class="bk_frm3" /></td>
<td align="center" bgcolor="#E1F0FF"><input type="text" name="e1" id="e7" maxlength="2" class="bk_frm3" /></td>
</tr>
</table>
</form>
</body>
</html>
xiaodeng_java
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
excel冻结窗口_excel中使用快捷方式锁定单元格，冻结某些单元格、公式或单元格...
weixin_39589241的博客
11-18 2618
如果要锁定单元格(冻结单元格)，可以在Excel中同时使用Excel内容选项和快捷键。可以锁定一个或多个单元格(仅包括使用公式锁定单元格)；可以冻结一行或一列或多行和多列；可以冻结整个表。无论是冻结单元格还是冻结行，只要选择它们，方法都是相同的。如果只需要冻结单元格格式(即表结构)，即不能再对单元格进行格式设置(包括固定的行高和列宽，不能设置字体、颜色、粗体、下划线等)，只允许在单元格中输入文本，...
Element带可输入元素表格/表单的回车跳跃功能
06-29 929
element带可输入元素表格/表单的回车跳跃功能 有时表格或表单内的可输入元素太多,用户使用鼠标的点击行为太过频繁,不太友善. 所以对vue框架下element的table封装了一个简单的回车跳跃功能,可以在同一行内敲击回车键移动到下一个可输入元素. (PS.拒绝把浏览器tab键自带功能粗暴的绑定在回车事件上.太不优雅谢谢 ) 如果你使用的是表格,并且混合输入框/下拉框/级联选择器,可以参考第...
◇VBA 自动移动每页光标到A1单元格
佛系程序员凯恩先森的博客。。
05-28 2754
不用多介绍…保存代码到VBA编辑器里, ALT+F8运行就好了… Public Sub InitCells() Dim iSheet As Long For iSheet = Sheets.Count To 1 Step -1 Sheets(iSheet).Activate 'ActiveWindow.Zoom = 10...
光标跳至指定单元格_Excel自定义单元格格式高级使用技巧，两分钟学会
weixin_33586063的博客
01-13 1321
一.单元格内容如何手动换行在Excel单元格中，如果我们输入的内容过长，我们想在指定的位置手动换行，我们应该怎么操作呢？这个地方会用到一个快捷键技巧：Alt+回车键。首先我们把光标移动到单元格中需要换行的地方，然后按下键盘上的Alt+回车键就可以手动换行了，具体操作如下图二.单元格数值后面批量加上单位如果我们想在单元格数值的后面批量加上单位，我们应该怎么操作呢，我们以年龄举例，比如我们想在年龄的后...
VBA自动滚动到指定单元格
最新发布
wpyok168的博客
04-02 366
VBA自动滚动到指定单元格。
vba 判断文本框内容是否为空_VBA代码解决方案的第97讲：控件跟随着鼠标走，VBA让你的操作随心所欲...
weixin_39889642的博客
11-21 646
大家好，我们今日继续讲解VBA代码解决方案的第97讲内容：控件跟随鼠标，在利用VBA写代码的时候，往往很多发现是不经意间的。对于这类发现要善于总结，善于利用才能逐渐的提高自己的能力。例如在前几篇文章中讲到的利用文本框录入数据的时候，我们往往需要一个界面，作为录入的界面，在这个界面上再进行相应的操作，录入数据后，数据写到工作表中，这种思路是以录入界面为主窗口的，如果我们换种思维模式，可否还以工作表为...
电脑常用快捷键大全（含Visual Studio快捷键操作）
流楚丶格念的博客
02-18 5587
目录 一、系统快捷键 二、常用系统命令 三、QQ快捷键 四、IE浏览器快捷键使用大全 五、Word 中的快捷键 六、Excel 中的快捷键 七、PowerPoint 中的快捷键 八、Visual Studio 九、Eclipse 十、Photoshop 十一、批处理指令 十二、安装操作系统 （此快捷操作对我们程序员十分重要，所以放在前面） 八、Visual Studio 8.1、项目相关的快捷键 ...
vue 中实现ip输入框
Happytoknow的博客
01-13 2034
vue 中实现ip输入框 最近因工作需求，项目中需要输入ip，所以就想弄一个类型windows系统中的那种ip输入框，一开始也在网上找了现有的插件，但是只找到了jq的一个原生插件，他的ui又和项目不符，所以就想着用vue自己写一个，目前感觉功能方面基本都OK了。先上代码 首先是四个输入框 <el-form-item label="IP地址"> <el-input :clearable="false" v-mo
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod...
数据分析之Excel(1)
qq_46706521的博客
07-20 796
使用excel进行数据录入
java获取另一个表单的数据_这个功能太太太好用了，能快速调取另一个表格内单条的数据...
weixin_39669982的博客
12-26 655
轻流的「数据关联」功能是很多用户经常使用的功能之一，它主要是通过下拉选择的形式加载关联应用(其他应用)中某个字段的历史数据，方便历史数据的直接调用。简单来说，「数据关联」就是可以解决用户跨应用的数据调取问题，方便用户打破不同应用之间的数据鸿沟。但是之前轻流的「数据关联」功能是不支持关联表格内子字段的，举个例子：在项目进行的每个阶段，项目负责人都会将对应的任务进行分配，如下图的【任务派工单】如果希望...
JS实现在一个输入框按回车键后光标跳到下一个输入框
生如夏花S的博客
01-16 9711
&lt;body&gt; &lt;el-input class="codeInput1 codeInput" autofocus maxlength="4" oninput=" focusNextInput(this);" &gt; &lt;el-input class="codeInput2 codeInput" maxlength="4&quot
vi中跳到文件的第一行和最后一行
热门推荐
雅冰石的专栏
11-14 5万+
:$ 跳到文件最后一行 :0或:1 跳到文件第一行   或另外一组命令： gg 跳到文件第一行 Shift + g 跳到文件最后一行
MFC 像表格一样的 列表控件
world100的专栏
08-29 1928
关联 CListCtrl 变量 m_list2 控件属性 VIEW 里 设置 样式为 Report (报表)  //设置报头  m_list2.InsertColumn(0,_T("ID"),LVCFMT_CENTER,50);  m_list2.InsertColumn(1,_T("上分玩家"),LVCFMT_CENTER,70);  m_list2.InsertColumn(2,_T
汇编语言在屏幕上显示一个表格
05-28
好的，我可以为您展示一个简单的汇编程序，用于在屏幕上显示一个表格。 首先，我们需要定义一个表格，这里我们定义一个 3x3 的表格，内容为数字 1 到 9。我们可以使用数据段（.data）来定义这个表格。 ``` section .data table db 1, 2, 3 db 4, 5, 6 db 7, 8, 9 ``` 接下来，我们需要使用显示函数来在屏幕上显示这个表格。这里我们使用 BIOS 中断 10h 来进行显示操作。我们可以使用代码段（.text）来编写显示函数。 ``` section .text global _start _start: mov ax, 0x03 ; 设置视频模式为文本模式 int 0x10 mov si, table ; 将表格的地址存储在寄存器 SI 中 mov cx, 3 ; 设置循环次数为 3，即表格的行数 ; 循环输出表格 output_table: mov bx, cx ; 将行数存储在寄存器 BX 中 mov dx, 0 ; 将列数清零 output_row: mov ah, 0x0e ; 设置显示函数为“在光标处显示字符” mov al, [si] ; 将当前单元格的值存储在寄存器 AL 中 add al, 48 ; 将数字转换为 ASCII 码 int 0x10 ; 调用中断 10h 来显示字符 inc si ; 移动到下一个单元格 inc dx ; 列数加 1 cmp dx, 3 ; 比较列数是否等于 3 jne output_row ; 如果不等于 3，继续输出当前行 add si, 6 ; 如果等于 3，移动到下一行的第一个单元格 dec bx ; 行数减 1 cmp bx, 0 ; 比较行数是否等于 0 jne output_table ; 如果不等于 0，继续输出下一行 ``` 这个程序将会在屏幕上显示以下内容： ``` 1 2 3 4 5 6 7 8 9 ``` 希望这个程序可以满足您的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值