<!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" onclick="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>
个人签名
-------------------------------------
图盾 淘宝保护 保护图片 图片防盗
分享到：
相关推荐
easyui textbox失去焦点事件及获取文本框的内容easyui textbox失去焦点事件及获取文本框的内容easyui textbox失去焦点事件及获取文本框的内容
使用jquery方法然后通过鼠标的焦点去添加自己想要添加的内容。
2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部链接 2.19 jQuery实现outerHTML属性 2.20 实现带固定表头的表格 2.21 为表单内控件设定缺省数值和文本 2.22 防止单个页面...
1、掌握在Android中如何建立EditText2、掌握EditText的常用属性3、掌握EditText焦点的事件、按键的事件（监听器） 介绍： EditText是接受用户输入信息的最重要控件。通过前面课程的学习，您可能会猜到可以利用...
实例161 反射与动态代理 209 7.3 常见的未检查型异常 210 实例162 算数异常 210 实例163 数组存值异常 211 实例164 数组下标越界异常 212 实例165 空指针异常 213 7.4 常见的已检查型异常 214 实例166 类未发现异常 ...
277 14.5.2 创建按钮 277 14.5.3 按钮动作事件 278 14.6 Swing中的事件 280 14.6.1 事件简介 280 14.6.2 同一个事件源注册多个监听器 280 14.6.3 同一个监听器注册给多个事件源 282 14.6.4 窗体获取和失去焦点事件 ...