鼠标点击其他地方时隐藏div

最新推荐文章于 2023-08-04 10:56:12 发布

转载最新推荐文章于 2023-08-04 10:56:12 发布 · 360 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaoluozi513/archive/2012/05/22/2512884.html

本文详细介绍了如何通过JavaScript为一个全局div元素注册onclick事件，以监听鼠标点击div以外的区域时触发的事件。通过给div设置唯一的id属性并使用document.onclick函数结合事件源判断实现这一功能。

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

你给这个div的id属性赋一个页面唯一的值，比如<div id="globalDiv" />
在document.onclick得到事件源，判断这个事件源的id是不是等于"globalDiv"

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();
        }

转载于:https://www.cnblogs.com/xiaoluozi513/archive/2012/05/22/2512884.html