在javascript中如何控制tab键移动的焦点？

怎样使回车键具有Tab键的功能？<script>
function change() {
  if (event.keyCode==13) {
    event.keyCode=9;
  }
}
</script>
<body onkeydown="change()">
<input type="text" value="回车试试!">
<input type="text" value="回车试试!">
<input type="text" value="回车试试!">
<input type="text" value="回车试试!">

解决方案 »

  1.   

    多谢，不过我的意思是自己控制Tab键移动的顺序，该怎样解决？
      

  2.   

    你可以设置对象的tabIndex属性
    给一个数字值！TAB键会从小到大走HTML <ELEMENT TABINDEX = iIndex... >  
    Scripting object.tabIndex [ = iIndex ] 
      

  3.   

    <script>
    var flag=1;
    function change() {
      if (event.keyCode==9) {
         if(flag==1){
             document.all('1').focus();//第一个文本框得到焦点
             flag=2;//如果想让第二个文本框得到焦点的话就赋值2
         }
         if(flag=2){
              document.all('2').focus();//第二个文本框得到焦点
             flag=3;//如果想让第三个文本框得到焦点的话就赋值3    
         }
    ........
      }
    }
    </script>
    <body onkeydown="change()">
    <input type="text" value="第一个得到焦点" name=1>
    <input type="text" value="第二个得到焦点" name=2>
    <input type="text" value="第三个得到焦点" name=3>
    <input type="text" value="第四个得到焦点" name=4>
      

  4.   

    longshenwang(独眼龙)兄的方法是可行的！不过个人认为简单的设一下tabIndex属性就好了！不用写这么多的代码
      

  5.   

    不好意思，刚刚接触js，看了longshenwang(独眼龙)的代码倒是看懂了，但是supere(虚心求教)的看了还是不知道该怎么写？是否可以给一段完整的示例？也就是这个index到底是怎么用的我还是不清楚。非常感谢！
      

  6.   

    看看这篇文章就知道了http://www.houseoffusion.com/cf_lists/cache.cfm/4/13/13235.htm
      

  7.   

    <input type="text" value="第一个得到焦点" tabIndex=1>
    <input type="text" value="第二个得到焦点" tabIndex=2>
    <input type="text" value="第三个得到焦点" tabIndex=3>
    <input type="text" value="第四个得到焦点" tabIndex=4>TAB的顺序是按照tabIndex的大小走了！我个人认为这样就好了！没有必要写那么多代码！呵呵！我懒哦！
      

  8.   

    例子:  试试<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <input type="text" name="..." tabindex="1"> 
    <input type="text" name="..."> 
    <select name="..." tabindex="2"> 
    <option>a
    </select>
    </BODY>
    </HTML>
      

  9.   

    龙兄也用EDITPLUS啊！^_^！
    那个例子有什么问题吗？