本文直接将介绍与例子融合于示例代码中，大家可以直接复制一下代码，保存为html文件，在本地打开预览测试。
当鼠标点击第一个input框时，将会触发onfocus事件，当鼠标点击第二个input框时，没有任何事件发生，当鼠标移动开第二个input框时，将触发第二个input的onblur事件。
大家可以测试下看：）
onfocus和onblur事件对比代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 对比onfocus和onblur的用法和不同 </title>
<meta name="Generator" content="notepad">
<meta name="Author" content="cncfan.com">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<input name="" type="text" onFocus="javascript:fun()"> 点击鼠标时触发onfocus事件
<input name="" type="text" onBlur="javascript:movefun()" > 鼠标离开input时，触发onblur事件
<script type="text/javascript">
<!--
function fun(){
alert('cncfan.com提示您：您刚才触发了input的点击事件！');
}
function movefun(){
alert('cncfan.com提示您：您刚才点击input对话框后，又将鼠标离开了input输入框！');
}
//-->
</script>
</body>
</html>
原创文章转载请注明来源(电脑爱好者)：http://www.cncfan.com/html/?57_7915.html
