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


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

思路是:

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

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

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

简单效果:

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM