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

要做一个这样的蒙层很简单。但要怎样实现点击除蒙层子节点之外的空白地方蒙层消失呢?
思路是:
蒙层添加点击隐藏事件,然后为蒙层子节点的设置阻止冒泡的事件。这样就能达到效果;
$("蒙层").click(function(){
$(this).hide()
})
$("蒙层子节点").click(function(e){
e.stopPropagation();
})
简单效果:

每天进步一点点。
拜托大家转载的时候记得贴上我文章的连接,原创不容易,给条活路呗

浙公网安备 33010602011771号