[原创]B/S页面From表单填写时用回车代替TAB的动态javascript实现方式

 最近要求让form页面里的所有input框用回车键代替Tab键。但现在基本的页面大部分已经加完，而且如果让页面里的input框代码里满是脚本代码也不好，所以我设计了一个动态添加用回车代替Tab的脚本。其关键之处在于tabindex，其设计思想是：每个表单元素都默认有一个tabindex，其值分别为前一个表单元素的tabindex的值加一，函数的功能就是当用户按下回车键时把它的键值由回车改为Tab。而且一定要响应onkeydown事件，响应onkeypress是不好使的。在窗口的onload事件里遍历所有form的所有元素，判断如果是input元素就添加onkeydown事件。 

 

window.onload = fn_ini;
function  fm_ini() ... {
    var fm,i,j;
    for(i=0;i<document.forms.length;i++)
    ...{
        fm=document.forms[i]
        for(j=0;j<fm.length;j++)
        ...{            
        //    这段是input框加入把回车替换成Tab的函数        
        if(fm[j].tagName == "INPUT")
                if(fm[j].getAttribute("type").toLowerCase() != "button")
                    addKeyDownEvent(fm[j]);    
        }
        
    }
}
/**/ /**
  *把输入框的onkedown调用函数队列里加入回车键等于Tab键
  */
function  addKeyDownEvent(iupt)  ... {
    var oldpress = iupt.onkeydown;
    if (typeof iupt.onkeydown != "function") ...{
        iupt.onkeydown = jumpNext;
    } else ...{
        iupt.onkeydown = function () ...{
            oldpress();
            jumpNext();
        };
    }
}
function  jumpNext() ... {
            if(event.keyCode ==13)
            ...{
                event.keyCode = 9;
            }
            
        } ;