javascript -Formutil对象封装

 

focusOnFirst()——焦点显示到页面中第一个表单控件上。 

setTextboxes()——inputtextarea在获得焦点时,选中其中文字。 

tabForward()——按TAB键,焦点到下一个表单控件上。

 

ContractedBlock.gif ExpandedBlockStart.gif Code
var FormUtil = new Object;

FormUtil.focusOnFirst 
= function () {
    
if (document.forms.length > 0) {
        
for (var i=0; i < document.forms[0].elements.length; i++) {
            
var oField = document.forms[0].elements[i];
            
if (oField.type != "hidden") {
                oField.focus();
                
return;
            }
        }
    }
};

FormUtil.setTextboxes 
= function() {
    
var colInputs = document.getElementsByTagName("input");
    
var colTextAreas = document.getElementsByTagName("textarea");
        
    
for (var i=0; i < colInputs.length; i++){
        
if (colInputs[i].type == "text" || colInputs [i].type == "password") {
            colInputs[i].onfocus 
= function () { this.select(); };
        }
    }
        
    
for (var i=0; i < colTextAreas.length; i++){
        colTextAreas[i].onfocus 
= function () { this.select(); };
    }
};

FormUtil.tabForward 
= function(oTextbox) {

    
var oForm = oTextbox.form;

    
//make sure the textbox is not the last field in the form
    if (oForm.elements[oForm.elements.length-1!= oTextbox 
        
&& oTextbox.value.length == oTextbox.maxLength) {
               
        
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 != "hidden") {
                         oForm.elements[j].focus();
                         
return;
                     }
                 }
                 
return;
            }
        }
    }
};

 

 

 

转载于:https://www.cnblogs.com/hubcarl/archive/2009/04/03/1428910.html

评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页