码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-01-25 16:53:05      阅读:233      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!