Javascript 在任意位置单击关闭菜单

我在一个网站上工作，这里是链接file:///D:/fahim/HTML/menu/index.html. 如果你点击菜单，它会在自己的“X”按钮上关闭，但我希望它通过点击菜单外的按钮来关闭。这是主页上使用的javascript

var popupView=new popup（）；
document.querySelector（'#btn_1'）。addEventListener（'click'，function（）{
show（document.querySelector（“#popup_1”）；
});
document.querySelector（'#btn_2'）。addEventListener（'click'，function（）{
show（document.querySelector（'#popup_2'），函数（）{
log（'show do something'）；
});
});
document.querySelector（'#btn_3'）。addEventListener（'click'，function（）{
show（document.querySelector（'#popup_3'），''，函数（）{
console.log（'CLOSE'）；
});
});

---

将该代码放在

$（文档）中的任何位置。准备好（…

阻止

$（文档）。打开（'click'，HIDE_IT）

）并停止事件传播！我的javascript有点弱，你能告诉我该放在哪里吗？我的意思是我必须修改该代码并将其放在我当前的javascript中，或者我必须单独放置它？

$(document).on('click', function(e){
  //your close function
  e.stopPropagation();
}