Javascript的问题：鼠标点击其他地方时隐藏div

现在要实现这样一个功能，点击页面上一个按钮，弹出div，点击div以外的地方时让div自动隐藏，div的现实和隐藏我知道怎么写，但鼠标点击div以外的区域时如何隐藏这个div就不知道如何实现了。我知道这个很简单，但就是不知道如何实现，请问那位能够提供线索？

这就是要注册一个document.onclick事件来监控鼠标点击div以外的区域时事件

你给这个div的id属性赋一个页面唯一的值，比如

在document.onclick得到事件源，判断这个事件源的id是不是等于"globalDiv"

[code="java"]
document.onclick = function (event)
{

var e = event || window.event;
var elem = e.srcElement||e.target;

        while(elem)
        { 
            if(elem.id == "globalDiv")
            {
                    return;
            }
            elem = elem.parentNode;     
        }
        //隐藏div的方法
        HiddenDiv();
    }

[/code]

隐藏还是关闭.是不是一个意思
为什么不在DIV上弄个关闭的按钮（实际就一个叉叉小图片），点击关闭就OK了。。

看下面这个链接
[url]http://topic.csdn.net/u/20070130/16/75e76d0f-1f6f-49dc-b9c6-9da4e19adf58.html[/url]
下面这个方法可以参考。
[quote]通过
event.srcElement.tagName||event.target.tagName 或
event.srcElement.id||event.target.id
进行判断[/quote]

你可以在document 上写 click 事件 来隐藏 div

可以这样嘛:在弹出的Div中在嵌套一个Div获取两个div的ID

单击Div2没有什么事件而单击div1也就是div2其他的地方