js 失去焦点时关闭层实现代码

更新时间：2009年05月26日 02:24:25 作者：

失去焦点时关闭层实现代码。大家可以参考下。

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>失去焦点时关闭层练习</title> <style type="text/css"> #divUserName{     width:200px;     height:30px;     border:1px solid black;     background:#cccccc;     font-size:12px;     margin-top:10px; } </style> <script language="javascript" type="text/javascript">     window.onload = function(){         document.getElementById("tbxUserName").focus();         document.getElementById("tbxUserName").onblur = function(){             document.getElementById("divUserName").style.display = 'none';         }         document.getElementById("tbxUserName").onfocus = function(){             document.getElementById("divUserName").style.display = '';         }              } </script> </head> <body> <input type="text" id="tbxUserName" /><div id="divUserName">这是一个层</div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JS实现动态倒计时功能（天数、时、分、秒）
这篇文章主要介绍了JS实现动态倒计时功能详解（天数、时、分、秒）,需要的朋友可以参考下
2019-12-12
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
这篇文章主要介绍了JavaScript中英文字符长度统计方法,涉及javascript针对中英文字符的匹配与运算相关操作技巧,需要的朋友可以参考下
2017-01-01
用javascript做拖动布局的思路
这几天不是很忙，就找了些拖动布局方面的资料看看，也学着写了个拖动布局的效果，没想到花了好多时间，七拼八凑，总算是把这个效果写出来了。
2010-10-10
为什么JS中eval处理JSON数据要加括号
这篇文章主要介绍了为什么JS中eval处理JSON数据要加括号的相关资料,需要的朋友可以参考下
2015-04-04
JavaScript实现简易计算器小功能
这篇文章主要为大家详细介绍了JavaScript实现简易计算器小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-10-10
非主流的textarea自增长实现js代码
今天稍微研究了下textarea随输入内容自动增长的功能，通过google参考了一些实现方式
2011-12-12
html数组字符串拼接的最快方法
html字符串的连接方法有多种，但效率却有很大区别，大家可以感觉需要选择。
2009-09-09
CocosCreator学习之模块化脚本
这篇文章主要介绍了Cocos Creator 模块化脚本，想加深学习CocosCreator脚本的同学，一定要看一下
2021-04-04
用js将long型数据转换成date型或datetime型的实例
下面小编就为大家带来一篇用js将long型数据转换成date型或datetime型的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
兼容IE和FF的图片上传前预览js代码
上传前预览使用js实现还是比较cool的，同时还可以兼容IE和FF的能做到这一点已经相当不容易了，下面与大家一起分享下具体的实现，感兴趣的你可不要错过了哈
2013-05-05