Question

一个隐藏的div层显示后，不需要再次点击按钮而点击网页其它地方也可将div隐藏回去..怎么实现？

这是我写的代码：
1、HTML结构
<input type="button" value="XXX" onclick="fun(this)">
<div id="hide">我是一个DIV</div>
2、javascript代码
var a=1;
function fun(obj){
var div = document.getElementById("hide");
if(a==0){
div.style.display = "none";
a=1;
} else {
div.style.display = "block";
a=0;
}
}
望各位大神能帮小弟修改一下代码....

Answer 1

思路：

1. 需要给button添加点击事件，并且阻止冒泡。点击  隐藏/显示。

2. 需要给document添加点击事件，点击   隐藏。
   

追问

能帮我修改一下或者添加一下代码吗？这样我会容易明白一点，谢谢…