首页 > Web开发 > 详细

关于点击空白关闭弹窗的js写法推荐?

时间:2016-01-25 16:52:27      阅读:371      评论:0      收藏:0      [点我收藏+]
$(document).mouseup(function(e){
  var _con = $( 目标区域 );   // 设置目标区域
  if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
    some code...   // 功能代码
  }
});
/* Mark 1 的原理:
判断点击事件发生在区域外的条件是:
1. 点击事件的对象不是目标区域本身
2. 事件对象同时也不是目标区域的子元素
*/
$el_box = $(.box);//弹出层
$el_box.click(function(e){
e.stopPropagation();//阻止弹出层的click事件,防止冒泡到body
});

$(document).one(click,function(e){//我的弹出层元素是动态载入的,使用过后就销毁了,所以用了one,可以使用bind
$el_box.remove();
});

 

关于点击空白关闭弹窗的js写法推荐?

原文:http://www.cnblogs.com/hupan508/p/5157583.html

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