利用键盘上的上下左右（回车）键模拟出tab 键的功能上下左右移动焦点

< head >
< title > test </ title >
< meta http - equiv = " Content-Type "  content = " text/HTML; charset=gb2312 " >
< script language = " JavaScript " >
var cols = 3 ;
var obj;
var CanMove = false ;
var key;
function setobj(input){
     obj = input;
}

function init(){
     document.onkeydown = keyDown;
     document.onkeyup = keyUp;
}

function keyDown(DnEvents){
     var key = window. event .keyCode;
      if (key == 116 ){
         window. event .keyCode = 0 ;
          return   false ;
     }
      if (key == 8 ){
          if ( event .srcElement.tagName != " INPUT " ){
              event .cancelBubble  =   true ;
              event .returnValue  =   false ;
              return   false ;
         }
     }
       // 此处为按下ctrl   注释此处可以实现不需要ctrl
     var IsCtrl = window. event .ctrlKey;
      if ( ! IsCtrl){
          return ;
     }
      for (var i = 0 ;i < document.forms[ 0 ].elements.length;i ++ ){
          if (document.forms[ 0 ].elements[i] == obj){
              if  (key  ==   37 ){ // ←
                  if (i > 0 ){
                     document.forms[ 0 ].elements[i - 1 ].focus();
                 }
             }
              if  (key  ==   38 ){ // ↑
                  if (i > cols - 1 ){
                     document.forms[ 0 ].elements[i - cols].focus();
                 }
             }
              if  (key  ==   39 ){ // →
                  if (i < document.forms[ 0 ].elements.length - 1 ){
                     document.forms[ 0 ].elements[i + 1 ].focus();
                 }
             }

                    if  (key  ==   13 )
                   { // → 
                                      event .keyCode  =   9 ; 
                    }
              if  (key  ==   40 ){ // ↓
                  if (i < document.forms[ 0 ].elements.length - cols){
                     document.forms[ 0 ].elements[i + cols].focus();
                 }
             }
         }
     }

}

function keyUp(UpEvents){
      return   false ;
}
</ script >
</ head >

< body bgcolor = " #FFFFFF "  text = " #000000 "  onload = " init() " >
< form >
< table border = " 0 "  cellspacing = " 0 "  cellpadding = " 0 "  align = " center " >
    < tr >
      < td >
        < input type = " text "  name = " textfield "  onfocus = " setobj(this) " >
      </ td >
      < td >
        < input type = " text "  name = " textfield2 "  onfocus = " setobj(this) " >
      </ td >
      < td >
        < input type = " text "  name = " textfield3 "  onfocus = " setobj(this) " >
      </ td >
    </ tr >
    < tr >
      < td >  
        < input type = " text "  name = " textfield5 "  onfocus = " setobj(this) " >
      </ td >
      < td >  
        < input type = " text "  name = " textfield6 "  onfocus = " setobj(this) " >
      </ td >
      < td >  
        < input type = " text "  name = " textfield7 "  onfocus = " setobj(this) " >
      </ td >
    </ tr >
</ table >
< a href = " # "  onfocus = " setobj(this) " > ffff </ a >
</ form >
用Ctrl + 方向键可以方便的在控件中移动，也可以不要Ctrl的。
</ body >
</ HTML >

转自： http://hi.baidu.com/hyg2006/blog/item/853302d578f9bac550da4b04.html