你的位置:首页 > Java教程

[Java教程]onfocus和onblur应用代码实例


onfocus和onblur应用代码实例:
这两个事件总感觉应用是最频繁的,尽管非常简单,也许初学者对两者还不够熟悉,所以下面就通过实例简单介绍一下它们的用法。
代码实例如下:

<!DOCTYPE HTML><html><head><meta charset="utf-8"/><meta name="author" content="http://www.softwhy.com/" /><title>onblur和onfocus事件-蚂蚁部落</title><style type="text/css">li{ height:30px; list-style:none; font-size:12px;}li input{ width:120px; height:15px;}</style><script type="text/javascript">function focusH(){ this.style.backgroundColor="#CCC"; this.style.color="green";}function blurH(){ this.style.backgroundColor="red"; this.style.color="yellow";}window.onload=function(){ var userName=document.getElementById("userName"); var pw=document.getElementById("pw");   userName.onfocus=focusH; userName.onblur=blurH;   pw.onfocus=focusH; pw.onblur=blurH;}</script></head><body><div> <ul>  <li>姓名:<input type="text" id="userName" /></li>  <li>密码:<input type="password" id="pw" /></li> </ul></div></body></html>

以上代码中,当文本框和密码框获得焦点或者失去焦点的时候,都能够对背景颜色和字体颜色进行相应的设置。
关于onfocus事件和onblur事件这里就不多介绍了,可以参阅相关阅读。
相关阅读:
1.onfocus事件可以参阅javascript的onfocus事件一章节。
2.onblur事件可以参阅javascript的onblur事件一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8864

更多内容可以参阅:http://www.softwhy.com/javascript/




办理德国旅游签证跟团德国旅游需要多少钱几月份去德国旅游最好什么时候去德国旅游最便宜去德国旅游跟团要多少钱【版纳旅游】—云南西双版纳基诺族特懋克节 【版纳旅游】—西双版纳景点介绍 【版纳旅游】—味道独特的酸笋炖鸡 【版纳旅游】—云南西双版纳哈尼族嘎汤帕节 聊城到齐河欧乐堡梦幻世界怎么走?聊城到齐河泉城欧乐堡梦幻世界自驾车路线? 泉城欧乐堡过山车介绍?齐河泉城欧乐堡过山车哪种比较好玩? 乌溪江漂流小孩多少钱?遂昌乌溪江漂流儿童票价格? 5.19山西免费景点有哪些?山西5.19免费景点介绍? 广西藤县石表山简介?石表山景区攻略? 银盏金龙峡漂流电话?清远银盏金龙峡漂流门票价格? 南沙湿地公园中高考生优惠活动?广州南沙湿地公园凭准考证免费吗? 分界洲岛住宿攻略?三亚分界洲岛海钓会所在哪里? 春节去马尔代夫旅游,怎样去才最省钱? 春节7天假期去马尔代夫怎么安排路线? 春节国外哪里比较暖和?而且能体验别样“年味”的? 春节期间去东南亚旅游,哪里比较经济实惠? L6732C Datasheet L6732C Datasheet L6910A Datasheet L6910A Datasheet L6911C Datasheet L6911C Datasheet 太原到港澳旅游 太原到港澳旅游 太原到港澳旅游 广东到港澳旅游 广东到港澳旅游 广东到港澳旅游 无锡到港澳游 无锡到港澳游 无锡到港澳游