动态监听文本框获取焦点与失去焦点事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<script language="JavaScript" >
<!--
//定义监听器
var oEventUtil = new Object();
oEventUtil.AddEventHandler = function(oTarget,sEventType,fnHandler){
   if(oTarget.addEventListener){
       oTarget.addEventListener(sEventType,fnHandler,false);
   } else if(oTarget.attachEvent) {
       oTarget.attachEvent('on'+sEventType,fnHandler);
   } else{
       oTarget['on'+sEventType] = fnHandler;
   }
};
//回调函数,获得焦点时变为红色
var oTF = function() {
    var oEvent = arguments[0];
    var oTarget = oEvent.target || oEvent.srcElement;
oTarget.style.color="#ff0000";

}
//失去焦点时变为黑色
var oTB = function()
{
    var oEvent = arguments[0];
    var oTarget = oEvent.target || oEvent.srcElement;
oTarget.style.color="#000000";

}
-->
</script>
</HEAD>

<BODY>

<form name="form1" method="POST" >
<input type="text" name="nhn1" value="nhn1" >
<input type="text" name="nhn1" value="nhn2" >
<input type="text" name="nhn1" value="nhn3" >
<input type="text" name="nhn1" value="nhn4" ><br/>
<input type="text" name="nhn1" value="nhn5" >
<input type="text" name="nhn1" value="nhn6" >
<input type="text" name="nhn1" value="nhn7" ><br/>
<input type="text" name="nhn1" value="nhn8" >
<input type="text" name="nhn1" value="nhn9" >
<input type="text" name="nhn1" value="nhn10" ><br/>
<input type="text" name="nhn1" value="nhn11" >
<input type="text" name="nhn1" value="nhn12" >
<input type="text" name="nhn1" value="nhn13" ><br/>
<input type="text" name="nhn1" value="nhn14" >
<input type="text" name="nhn1" value="nhn15" >
<input type="text" name="nhn1" value="nhn16" ><br/>
<input type="text" name="nhn1" value="nhn17" >
<input type="text" name="nhn1" value="nhn18" >
<input type="text" name="nhn1" value="nhn19" ><br/>

<input type="button" name="bbb" value="button" οnclick="test()" >


</form>

</BODY>
</HTML>

 

 

<script language="JavaScript" > 
    //给页面的文本元素加上监听器 
    var form=document.forms[0];   
    for(var i=0;i<form.length;i++){   
        if(form.elements[i].type=="text"){   
oEventUtil.AddEventHandler(form.elements[i],'focus',oTF); 
oEventUtil.AddEventHandler(form.elements[i],'blur',oTB); 
        }   
    }   
</script> 

 

 

 

个人签名

-------------------------------------

 

图盾 淘宝保护 保护图片 图片防盗 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值