表单填写时用回车代替TAB的实现方法

jingxiaoxin1

jingxiaoxin1

2016-02-19 09:09

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享表单填写时用回车代替TAB的实现方法,希望可以对大家能有小小的帮助。
关键之处在于tabindex,其设计思想是:为每个表单元素设置一个tabindex,其值分别为前一个表单元素的tabindex的值加一,函数的功能就是当用户按下回车键时先将当前tabindex的值加一,而后逐一与每个表单元素的tabindex值进行对比,如若相等,则将焦点移至该表单元素之上。 

首先,我们需要在表单体中设定一个onkeyup事件: 
form name="xxx" action="YYY.asp" method="post" onkeyup="return changefocus_onkeyup()" language="javascript" 

其次,在每一个表单元素中设定一个tabindex值,假定该表单有三个元素,则我们分别设定tabindex值如下: 
input type=text name="txtName" size="16" tabindex=1 
input type=checkbox name="chkSign" tabindex=2 
textarea name="tarContent" tabindex=3 

最后,写出changefocus函数如下: 
function newinfo_form_onkeyup() 

key=window.event.keyCode; 
if(key==0xD)//判断是否按下回车键 

CurTabIndex=event.srcElement.tabIndex 1//将当前tabindex的值加1 
for (n=0;nnewinfo_form.elements.length;n ) 

if (newinfo_form.elements[n].tabIndex==CurTabIndex) //找到下一个表单元素 

newinfo_form.elements[n].focus(); //移动焦点 
return true; 




展开更多 50%)
分享

猜你喜欢

表单填写时用回车代替TAB的实现方法

Web开发
表单填写时用回车代替TAB的实现方法

表单填写时用回车代替TAB的实现方式

ASP
表单填写时用回车代替TAB的实现方式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

回车代替Tab移动输入焦点

编程语言 网络编程
回车代替Tab移动输入焦点

支付宝9.0聊天使用回车键发送消息的方法

手机软件 应用软件
支付宝9.0聊天使用回车键发送消息的方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

关于Javascript中split函数用回车换行问题

Web开发
关于Javascript中split函数用回车换行问题

网页表单自动填写技术(gmail为例)

Web开发
网页表单自动填写技术(gmail为例)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

删除数组条目中重复的条目(可能有多个)返回值是一个仅包含被删除的重复条目的新数组

删除数组条目中重复的条目(可能有多个)返回值是一个仅包含被删除的重复条目的新数组

Java中new关键字和newInstance方法的区别分享

Java中new关键字和newInstance方法的区别分享
下拉加载更多内容 ↓