注册 登录
编程论坛 ASP技术论坛

如何让回车键实现TAB键的功能啊

xmztzgq 发布于 2010-09-15 17:39, 1384 次点击
在文本框中按回车键后,如何让它自动转到下一个文本框,就和TAB键功能一样呢
4 回复
#2
sunfishy2010-09-15 17:58
//按下回车键后跳到下一个文本框
  /**   
    *function: 网页里按回车时焦点的转移,功能相当于按Tab键后移向下一个元素   
  */   
  function   focusMove()      
  {   
          var   e   =   document.activeElement;   
          if(e.tagName   ==   "INPUT"   &&   (   
                e.type   ==   "text"           ||     
                e.type   ==   "password"   ||     
                e.type   ==   "checkbox"   ||     
                e.type   ==   "radio")       ||   
                e.tagName   ==   "SELECT"   
              )   
          {   
                  if(window.event.keyCode   ==   13)   //按下enter键
                  {   
                          window.event.keyCode   =   9;   //TAB键
                  }  
                            }   
  }   
#3
xmztzgq2010-09-15 21:29
回复 2楼 sunfishy
请问上面的语句在哪个地方调用啊,不好意思,刚学比较菜
#4
yms1232010-09-15 22:41
写在文本框的onkeypress事件里
比如
<input type="text" onkeypress="focusMove();" >
#5
gupiao1752010-09-16 00:22
程序代码:
<script language="javascript" type="text/javascript">
function   focusMove(obj,evt)//加OBJ是为了适应火狐浏览器的效果   


  {


          var   e   =   document.activeElement;


          if(e.tagName   ==   "INPUT"   &&   (


                e.type   ==   "text"           ||   


                e.type   ==   "password"   ||   


                e.type   ==   "checkbox"   ||   


                e.type   ==   "radio")       ||


                e.tagName   ==   "SELECT"


              )


          {


             evt=evt?evt:window.event;
                  if(evt.keyCode   ==   13)   //按下enter键
                  {


                  window.event?evt.keyCode=9:obj.nextSibling.nextSibling.focus();//多加一个nextSibling是因为火狐把换行也当做一个节点看待!
                  }


                            }


  }  


</script>

<form name="form1" id="form1">
<a href="#" onClick="AddInput()">上传一个</a>
<input type="text" onkeydown="focusMove(this,event)">
<input type="password" onkeydown="focusMove(this,event)">
<select  name="picclass"  size="1">
              <option value='1' selected >金融保险 </option>
              <option value='2'>交通运输  </option>
              <option value='3'>文艺体育  </option>
              <option value='4'>邮电通讯  </option>
            


</select>

</form>
用这个试试,主要的浏览器都能通过!IE/FF/CHROME已测试过!
1