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

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

思路是:

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

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

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

简单效果:

  

posted @ 2017-11-13 15:04  站住,别跑  阅读(3646)  评论(0编辑  收藏  举报