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

Question

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

Answer 1

这就是要注册一个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]