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

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

思路是:

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

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

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

简单效果:

  

原文地址:https://www.cnblogs.com/zjjDaily/p/7826414.html