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

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

思路是:

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

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

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

简单效果:

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

  

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-14
  • 2022-12-23
  • 2021-12-05
  • 2021-08-03
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-07-24
  • 2022-12-23
  • 2022-12-23
  • 2022-01-22
  • 2022-12-23
相关资源
相似解决方案