关闭弹出框的焦点问题

Question

(移动端)有一个弹出框，绝对定位再页面底部的，现在我需要点击这个弹出框外部的任何区域都能关闭该弹出框，我尝试了把事件绑定到body上，没反应，绑定到弹出框的父元素上，仍然没反应。
如何绑定事件，区分点击的是否为弹出框区域，如果不是就关闭弹出框？
页面内容太多，层级也很复杂，代码就不贴了。希望大家能指点一下，如果有能实现类似功能的插件也可以

Answer 1

实在不行就来一个遮罩层，弹出框出现它也出现，给它绑定一个事件，关闭弹出框，遮罩层也消失