iteye_17042
2009-10-19 17:14
浏览 509
已采纳

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

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

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • wanghaolovezlq 2009-10-19 17:25
    已采纳

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

    评论
    解决 无用
    打赏 举报
查看更多回答(4条)

相关推荐 更多相似问题