电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> Javascript>>关于onfocus和onblur的用法介绍(附例子代码):

关于onfocus和onblur的用法介绍(附例子代码)

来源:cncfan.com | 2011-2-7 | (有8459人读过)

本文直接将介绍与例子融合于示例代码中,大家可以直接复制一下代码,保存为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


Javascript热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2019 电脑爱好者 版权所有 备案号:鲁ICP备09059398号