首页 > 其他 > 详细

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

时间:2017-11-13 15:19:45      阅读:275      评论:0      收藏:0      [点我收藏+]

技术分享

要做一个这样的蒙层很简单。要实现点击空白地方蒙层消失的时候要注意

$(触发蒙层对象).click(function(e){

  e.stopPropagation();          //这里阻止冒泡事件是最重要的,如果不阻止冒泡,会导致蒙层出现之后马上消失。就是因为点击事件冒泡到document上了。

  蒙层出现;

  //或者是蒙层出现后return false。也能达到同样效果。

})

$(document).click(function(){

  if(蒙层.css("display")=="block"){

    蒙层消失

  }

})

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

原文:http://www.cnblogs.com/zjjDaily/p/7826414.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!