<1>
<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript"></script>
<!-- 注意在使用$的时候须要引入Jqery-->
<!-- $("input[name='name']")-->
<script src="Jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function checkValue(obj) {
if (obj.value == "") {
alert("长度不能为空");
obj.value = "长度不能为空";
}
}
function checkGetfocus(obj) {
//将当前控件的value设为"哥获得了焦点"
obj.value = "哥获得了焦点"
}
</script>
</head>
<!--当页面载入完成。usernameGetfocus文本框获得焦点-->
<body onload="$('#Getfocus').focus()">
<!--================================================================================================-->
<!--当用户点击“焦点”按钮的时候id=Getfocus文本框获得焦点-->
<input type="text" id="Getfocus" />
<!--blur()失去焦点方法-->
<input type="button" value="Getfocus失去焦点" onclick="document.getElementById('Getfocus').blur() " />
<!--focus()获得焦点方法-->
<input type="button" value="Getfocus获得焦点" onclick="document.getElementById('Getfocus').focus();" />
<!--================================================================================================-->
<!--onblur失去焦点事件-->
<input type="text" name="txt1" onblur="checkValue(this)" />
<input type="text" name="txt2" onblur="checkValue(this)" />
<input type="text" name="txt3" onblur="checkValue(this)" />
<hr />
<!---------------------------------------------------------------------------------------------------->
<!--onfocus获得焦点事件-->
<!-- this就是指当前控件本身，onfocus这个事件触发后，这个事件就会调用checkGetfocus函数，在调用这个函数的时候会把当前控件本身(自己)作为參数（this）传递给处理函数checkGetfocus，-->
<input type="text" name="t1" onfocus="checkGetfocus(this)" />
<input type="text" name="t1" onfocus="checkGetfocus(this)" />
<input type="text" name="t1" onfocus="checkGetfocus(this)" />
<!--================================================================================================-->
</body>
</html>