点击出现蒙层，然后点击空白地方蒙层消失(阻止冒泡)

Posted 2020-10-14 努力┗(｀O′)┛奋斗！

要做一个这样的蒙层很简单。但要怎样实现点击除蒙层子节点之外的空白地方蒙层消失呢？

思路是：

　　蒙层添加点击隐藏事件，然后为蒙层子节点的设置阻止冒泡的事件。这样就能达到效果；

$("蒙层").click(function(){
   $(this).hide() 
})

$("蒙层子节点").click(function(e){
   e.stopPropagation();
})

简单效果：