如何当弹出的div失去焦点的时候自动隐藏。

Question

比如说有一个div，点击按钮的时候弹出，当鼠标点击别的地方的时候它自动消失。

$("#button-id").click(function(){
  $("#pop-div").css("z-index",100);
  ...
});

就像jquery的日历插件那样，当鼠标点击别的地方的时候，它就自动消失了。

Answer 1

有个很土鳖的办法，你在document.body上注册一个click事件的函数，然后判断下当前的click的事件的srcElement是否等于那个div，不是的话就消失。