javascript -Formutil对象封装

太过爱你忘了你带给我的痛 2021-12-24 15:05 162阅读 0赞

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

setTextboxes()——input、textarea在获得焦点时，选中其中文字。

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

[ContractedBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211223/be49398d31d0434ca1794768e25a60a5.png