javascript - 当我在外面点击时，如何让这个弹出框消失？

Question

http://jsfiddle.net/mnbayazit/by3zy/2/

我希望当我点击背景上的某处时弹出窗口消失。问题是，当我单击 [X] 或弹出窗口本身时，它会消失。

如果这能让我的意图更加清晰，可以把它想象成一个日历选择器。

我怎样才能做到这一点？

Answer 1

1. 为正文设置一个click 处理程序以删除您的弹出窗口。

2. 为在事件上调用 stopPropagation() 的弹出窗口本身设置一个 click 处理程序，以防止它冒泡到正文。

大致:

function showMyPopup(){
  ...
  $(myPopupDiv).click(function(e){
    e.stopPropagation();
  });
}
function closeMyPopup(){
  ...
}
$(document.body).click(closeMyPopup);