标题:如何让回车键实现TAB键的功能啊
只看楼主
xmztzgq
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2010-9-13
结帖率:50%
已结贴  问题点数:20 回复次数:4 
如何让回车键实现TAB键的功能啊
在文本框中按回车键后,如何让它自动转到下一个文本框,就和TAB键功能一样呢
搜索更多相关主题的帖子: TAB 回车键 
2010-09-15 17:39
sunfishy
Rank: 3Rank: 3
等 级:论坛游侠
威 望:5
帖 子:311
专家分:163
注 册:2007-6-29
得分:15 
//按下回车键后跳到下一个文本框
  /**   
    *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键
                  }  
                            }   
  }   

.cn
2010-09-15 17:58
xmztzgq
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2010-9-13
得分:0 
回复 2楼 sunfishy
请问上面的语句在哪个地方调用啊,不好意思,刚学比较菜
2010-09-15 21:29
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
得分:5 
写在文本框的onkeypress事件里
比如
<input type="text" onkeypress="focusMove();" >
2010-09-15 22:41
gupiao175
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:40
帖 子:1787
专家分:7527
注 册:2007-6-27
得分:0 
程序代码:
<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已测试过!

Q:1428196631,百度:开发地 即可找到我,有事请留言!
2010-09-16 00:22



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-320497-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.299231 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved