js点击页面隐藏div

来源:互联网 发布:mac魅可是哪个国家的 编辑:程序博客网 时间:2024/05/07 08:32

  本功能实现的是在页面中弹出div,单击页面其他位置隐藏div,主要捕捉页面的单击事件,判断事件发生的id,代码如下:

 //点击页面其他位置,隐藏语言选择和地区选择
 document.onclick = function(event) {
  var e = event || window.event;
  var elem = e.srcElement || e.target;

  while (elem) {
   if (elem.id && (elem.id == "language" || elem.id == "region")) {
    return;
   }
   elem = elem.parentNode;
  }
  
  document.getElementById("language_select").style.display="none";
  document.getElementById("region_select").style.display="none";
 };

 

0 0