随笔-js写成对象的一个例子

浏览数：22 / 时间：2015年06月09日

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自动选择文本</title>
<script type="text/javascript">
var FormUtil = new Object();
FormUtil.setTextboxs = function(){
     var colinputs = document.getElementsByTagName_r("input");
     for(var i=0;i<colinputs.length;i++){
         if(colinputs[i].type=="text"|| colinputs[i].type=="password"){
            colinputs[i].onfocus = function(){ this.select(); };
         }
     }
}

//------------制动切换到一下个输入框-------------------------------------------------------
FormUtil.tabForward = function(oTextbox){

     var oEvent = window.event;
     var oForm = oTextbox.form;

     //不能是最后一个元素，且触发了回车事件
     if(oForm.elements[oForm.elements.length-1]!= oTextbox && oEvent.keyCode == 13){
        for(var i=0;i<oForm.elements.length;i++){
          if(oForm.elements[i] == oTextbox){
             for(var j=i+1;j<oForm.elements.length;j++){
               if(oForm.elements[j].type == "text"){
                  oForm.elements[j].focus();
                  return ;
               }
             }
             return ;
          }

        }
     }
};

</script>
</head>
<body onLoad="FormUtil.setTextboxs();">

<form name="form1">
<table>
<tr><td><input type="checkbox"/>标题1</td><td><input type="text" id="text_01" style="text-align:right" value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td><td><input type="text" id="text_02" style="text-align:right" value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td></tr>
<tr><td><input type="checkbox"/>标题2</td><td><input type="text" id="text_03" style="text-align:right" value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td><td><input type="text" id="text_04" style="text-align:right" value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td></tr>
<tr><td><input type="checkbox"/>标题3</td><td><input type="text" id="text_05" style="text-align:right" value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td><td><input type="text" id="text_06" style="text-align:right" value="123456789" onKeyUp="return FormUtil.tabForward(this);"/></td></tr>
</table>
</form>
</body>

</html>