接下拉菜单那一篇:

加上点击其它位置,下拉菜单消失。

纯js写法:

 window.document.addEventListener('click', function(e) {
var e = e || window.event; //浏览器兼容性
var elem = e.target || e.srcElement;
while (elem) { //循环判断至跟节点,防止点击的是div子元素
if (elem.id && elem.id == 'xianshi' ) {
return;
}
elem = elem.parentNode;
}
var s = document.getElementsByClassName("xiang");
for(i=0;i<s.length;i++)
  {
s[i].style.display = "none";
  }
//点击的不是div或其子元素
});
04-16 14:18