一般情况下，这两个事件是同时使用的。
改变文本框的背景颜色
------------------------------------------------------------------------------------------------------------------------------
<table style="width: 300;height: 160;">
<form id="form3" name="form3" method="post" action="">
<tr>
<td width="80" align="right">姓名: </td>
<td width="200"><input type="text" onBlur="textblur()" onFocus="textfocus()" ></td>
</tr>
<tr>
<td width="80" align="right">年龄: </td>
<td width="200"><input type="text" onblur="textblur()" onfocus="textfocus()" ></td>
</tr>
<tr>
<td width="80" align="right">住址: </td>
<td width="200"><input type="text" onblur="textblur()" onfocus="textfocus()" ></td>
</tr>
<tr>
<td width="80" align="right">性别: </td>
<td width="200"><input type="text" onblur="textblur()" onfocus="textfocus()" ></td>
</tr>
<tr>
<td width="80" align="right">理想: </td>
<td width="200"><input type="text" onblur="textblur()" onfocus="textfocus()" ></td>
</tr>
</form>
<script>
function textblur(){
var e=window.event;
var obj=e.srcElement;
obj.style.background="rgb(255,255,255)";
}
function textfocus(){
var e=window.event;
var obj=e.srcElement;
obj.style.background="red";
}
</script>
</table>
------------------------------------------------------------------------------------------------------------------------------
（当页面中的文本框或编辑框获得焦点时），实现文本框或编辑框中的文字自动全选。
<h1>新闻信息修改</h1>
<ul>
<li><label> 新闻标题：</label><input type="text" id="title" name="title" onfocus="jujiao()" value="今日新闻头条"></li>
<li><label>新闻内容 ：</label><textarea id="area" name="area" onfocus="jujiao()">今日，据相关方面报道……</textarea></li>
</ul>
<script>
function jujiao(){
var e=window.event;
var obj=e.srcElement;
obj.focus();
obj.select();
}
---------------------------------------------------------------------------------------------------------------------
模拟用户登录，当文本框的内容为空或用户输入的内容不合法时，给出相应的提示信息。
第一种（并不规范，没有一个一个写function，放在了一个内，文本多了会很烦），推荐第二种
这里很有必要提一下innerHTML和setAttribute():
<!--在指定元素使用innerHTML时只能使用getElementById()获得使用getElementsByClassName()获得时需指定是第几个class
如：getElementsByClassName()[n]
在使用setAttribute("属性","属性值")时，同样需要指定是第几个class或使用getElementById();
如：class[n].setAttribute
-->
function nicheng(){
var pt1 =document.getElementById("pt1").value.length;
var pt2 =document.getElementById("pt2").value;
var pt3 =document.getElementById("pt3").value;
var tishi = document.getElementsByClassName("tishi");
if((pt1<=6)&&(pt1!=0)){
tishi[0].innerHTML="符合要求";
}
else if(pt1>6){
tishi[0].innerHTML="用户名不能超过6位！";
}
else{ tishi[0].innerHTML="用户名不能为空"}
if((pt2.length<=6)&&(pt2.length!=0)){
tishi[1].innerHTML="符合要求";
}
else if(pt2.length>6){tishi[1].innerHTML="密码不能超过6位！";}
else{tishi[1].innerHTML="密码不能为空"}
if(pt3!=pt2){
tishi[2].innerHTML="两次密码不一致，重新出入"
}
else{tishi[2].innerHTML="符合要求"}
}
</script>
-----------------------------------------------------------------------------------------------------------------------------
<table style="text-align: center; border: 1px solid #000000;">
<form name="regtb1">
<tr bgcolor="cornflowerblue">
<td colspan="2">用户注册</td>
</tr>
<tr>
<td>用户昵称：</td>
<td style="text-align: left;width:350px"><input id="in1" type="text" onblur="puhuo0()"/> <span class="tishi0" ></span></td>
</tr>
<tr>
<td>注册密码：</td>
<td style="text-align: left;width:350px"><input id="in2" type="password"onblur="puhuo1()"/><span class="tishi0" ></span></td>
</tr>
<tr>
<td>重复密码：</td>
<td style="text-align: left;width:350px"><input id="in3" type="password"onblur="puhuo2()"/><span class="tishi0" ></span></td>
</tr>
<tr><td colspan="2"><input type="submit"/><input type="reset"/></td></tr>
</form>
</table>
<script>
var tishi0=document.getElementsByClassName("tishi0");
function puhuo0(){
var ev= window.event;
var objj=ev.srcElement;
if((objj.value.length<=6)&&(objj.value.length!=0))
{
tishi0[0].innerHTML="符合要求";
}
else if(objj.value.length>6) { tishi0[0].innerHTML="用户名不能超过6位！";}
else{tishi0[0].innerHTML="用户名不能为空";}
}
function puhuo1(){
var ev= window.event;
var objj=ev.srcElement;
if((objj.value.length<=6)&&(objj.value.length!=0))
{
tishi0[1].innerHTML="符合要求";
}
else if(objj.value.length>6) { tishi0[1].innerHTML="密码不能超过6位！";}
else{tishi0[1].innerHTML="密码不能为空";}
}
function puhuo2(){
var ev= window.event;
var objj=ev.srcElement;
var in2=document.getElementById("in2");
if(objj.value!=in2.value){
tishi0[2].innerHTML="两次密码不一致，重新出入";
}
else{tishi0[2].innerHTML="符合要求";}
}
</script>