要做一个web应用程序,里边有文本框,只读文本框,下拉列表框,想实现功能如下:当回车后焦点由一个文本框跳入另一个文本框或者下拉列表框,再回车再继续跳转到文本框或者下拉列表框,假如文本框与下拉列表框或文本框之间有一个只读的文本框,如何在回车后直接将焦点跳过只读文本框而直接落到下一个下拉列表框或者文本框。如:
<input type="text" >
<input type="text" readonly="true"/>
<select>
<option></option>
</select>
也就是如何从text获得焦点后回车会直接跳过readonly文本框,而使select获得焦点

解决方案 »

  1.   

    onkeyup
    发觉时enter姐姐foucs下面那个就是
      

  2.   

      document.onkeydown=function(e)

    e=e||event;
    var o=e.srcElement||e.target;
      if (e.keyCode == 13 &&  o.type!='submit') {   
            e.keyCode = 9;   
            }   
      }
      

  3.   

    不考虑FF 3楼的就OK  要兼容就得换种方式:<script type="text/javascript">
    document.onkeydown=function(event){
    var e=event||window.event;
    var keyCode=e.keyCode||e.which;
    var target=e.srcElement||e.target;
    if (keyCode ==13) {   
    var tabindex=target.tabIndex+1;
    if( tabindex==6) tabindex=1;
    document.getElementById('elem'+tabindex).focus();
    }
    }
    </script>
    </head><body>
    <form>
    <input type="text" tabindex="1" id="elem1"  />
    <input type="text" value="readonly" readonly="readonly" tabindex="-1" />
    <input type="button" value="click" tabindex="2"  id="elem2" />
    <input type="text" tabindex="3" id="elem3"  />
    <select tabindex="4" id="elem4" >
    <option value="1">select</option>
    </select>
    <input type="button" value="submit" tabindex="5" id="elem5" />
    </form>
    </body>
    有点乱 自己整理 或者有更好的也发出来~~