如何通过单击div之外的任何位置而不是内部来关闭div

Question

我已经实现了以下几乎无处不在的页面。

$(document).click(function(event){
    if($("#div_to_close").is(":visible")){
       $("#div_to_close").hide();   
    }
});

$("#div_to_close").click(function(event){
   event.stopPropagation();
});

这在页面的任何位置都可以正常工作，但页面上有一些元素，其中实现了单击处理程序，并且在hadler中使用了event.stopPropagation（）。在所有这些元素中，div都没有关闭。

这是因为这些元素的click事件不会冒泡到文档中，因此不会调用doc的处理程序。

我怎么碰到这个？

Demo