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

半夜哼小曲love

半夜哼小曲love

2016-01-29 18:21

表单填写时用回车代替TAB的实现方式,表单填写时用回车代替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;n<newinfo_form.elements.length;n++)  
       {
            if (newinfo_form.elements[n].tabIndex==CurTabIndex) //找到下一个表单元素
           {
                 newinfo_form.elements[n].focus(); //移动焦点
       return true;
          }
        }
}
}

 
展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

回车代替Tab移动输入焦点

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

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

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

lol偷钱流符文搭配推荐

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

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

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

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

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

lolAD刺客新符文搭配推荐

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

怎样用HtmlEncode显示Unicode?

怎样用HtmlEncode显示Unicode?

恶意网页修改注册表的12种现象

恶意网页修改注册表的12种现象
下拉加载更多内容 ↓