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

ttx9n · 发表于 2009-5-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" />这是一个层 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

qzdhcgs · 发表于 2023-1-28 06:19:39

66666666666666666666

81708585 · 发表于 2023-6-7 18:08:36

撒房产税陈飞飞

u6h2m4 · 发表于 2024-5-13 08:50:11

。。。。。。。。。。。。。。。

0y3yp · 发表于 2024-9-2 11:32:48

的沙发水电费水电费

4k0mp7m · 发表于 2024-10-6 12:36:13

天天源码论坛

FDS · 发表于 2024-10-6 16:51:44

看到这帖子真是高兴！

qq303604905 · 发表于 2024-10-17 02:47:03

哈哈哈哈哈哈哈

额呵呵 · 发表于 2024-10-29 18:05:04

刷屏刷屏刷屏

Anthonylam · 发表于 2024-12-5 15:52:08

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

账号		自动登录	找回密码
密码			立即注册

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

相关帖子