87,990
社区成员
发帖
与我相关
我的任务
分享点击box外面body空白实现隐藏box的操作怎么做？
点击box外面body空白实现隐藏box的操作怎么做？
不要jquery，只要纯js或mootools
不要jquery，只要纯js或mootools
...全文
请发表友善的回复…
发表回复
001007009 2012-03-10
- 打赏
- 举报
<!doctype html>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
span {
color:red;
}
#test {
display:none;
position:absolute;
left:30px; top:30px;
width:200px;
border:1px solid red;
background:#fff;
outline:none; /* ff 去掉 test 聚焦后的 边框虚线 */
}
</style>
</head>
<body>
<span id="span">打开层</span>
<div>1-1111111111</div>
<div>1-1111111111</div>
<div>1-1111111111</div>
<div>1-1111111111</div>
<div>1-1111111111</div>
<div id="test">
浮层，点击这个浮层以外的区域，都可以隐藏这个浮层
<div>
<script>
function $(o){return document.getElementById(o)}
$('span').onclick = function(){
$('test').style.display = 'block';
$('test').tabIndex = -1;
$('test').focus();
}
$('test').onblur = function(){
$('test').style.display = 'none';
}
</script>
</body>
</html>
楼主 试试
Acesidonu 2012-03-10
- 打赏
- 举报
body上注册onclick事件
