html点击空白弹窗消失,jquery实现点击页面空白处，弹框消失

要求：点击1，弹框2显示，点击空白处，弹框2消失

$("#AddDevices")：按钮1

$(".addDeviceBox")弹框2

//点击添加设备弹框

$("#AddDevices").click(function(event){

event.stopPropagation();//阻止事件冒泡

$(".addDeviceBox").show();

//点击空白处，下拉框隐藏-------开始

var tag =$(".addDeviceBox");

var flag = true;

$(document).bind("click",function(e){//点击空白处，设置的弹框消失

var target = $(e.target);

if(target.closest(tag).length == 0 && flag == true){

$(tag).hide();

flag = false;

}

});

//点击空白处，下拉框隐藏-------结束

});

js实现点击按钮时显示弹框，点击按钮及弹框以外的区域时隐藏弹框

转自https://blog.csdn.net/yimawujiang/article/details/86496936 问题:js实现点击按钮时显示弹框,点击按钮及弹框以外的区域时隐藏弹框? 方案一 ...

jquery实现点击页面其他地方隐藏指定元素

代码实例如下:

jQuery 实现点击页面其他地方隐藏菜单

点击页面其它地方隐藏id为messageList的div 代码: $('body').delegate("#message", 'click', function(e) { var ...

JQuery模拟点击页面上的所有a标签，触发onclick事件

注意: 这种方法需要给所有的a标签加上id属性 页面加载完成模拟点击所有的a标签:

jquery 点击页面流畅弹出预定文字

js代码:

jquery实现点击页面空白隐藏指定菜单

注意:dmenu是一个div的class名哦 代码如下 复制代码 $('html,body').click(function(e){  if(e.target.id.indexOf("dme ...

H5页面遮罩弹框下层还能滚动的问题

在页面上显示一个遮罩层,这是非常常见的操作,在遮罩层上操作,下层也会默认跟随手指滚动 此处就是要在显示遮罩的时候禁止下层滚动. 首先设置一个全局变量 var canScroll=false; 页面初始 ...

winfrom 点击按钮button弹框显示颜色集

1.窗体托一个按钮button: 2.单击事件: private void btnForeColor_Click(object sender, EventArgs e) { using (ColorD ...

随机推荐

android 视频的缩略图 缓存机制和 异步加载缩略图

在这次的工作开发项目中,涉及到一个视频缩略图的视频列表:这个在大家看来,制作视频缩略图就是两行代码就搞定的事.确实是这样的,百度一下,每个帖子都知道制作视频缩略图的方法,在这里确实也是一样的,但是我要 ...

[转]整理索引碎片，提升SQL Server速度

数据库表A有十万条记录,查询速度本来还可以,但导入一千条数据后,问题出现了.当选择的数据在原十万条记录之间时,速度还是挺快的:但当选择的数据在这一千条数据之间时,速度变得奇慢. 凭经验,这是索引碎片问 ...

Java 类型信息

第14章 类型信息 运行时类型信息(Run-Time Type Identification)使得你可以在程序运行时发现和使用类型信息. 14. ...

Javascript与Ajax

不使用jquery来处理ajax请求该怎么做? 首先要明确html中的某些数据需要从服务端获得,也就是客户端向服务端请求(request)数据,服务端就响应(response)这个请求,把客户端要的数 ...

iOS -一些常用的方法

1.获取本地的语言 + (NSString *)getLocalLanguage { NSString *language = [[[NSUserDefaults standardUserDefaul ...

Hibernate摘记

原理: 1.通过Configuration().configure();读取并解析hibernate.cfg.xml配置文件2.由hibernate.cfg.xml中的

jQuery获取节点和子节点文本的方法

本节主要介绍了jQuery如何获取节点和子节点文本,下面有个示例,大家可以参考下 对于下面的html片段, ? 1

test t ...

swagger使用一新手篇

本文转自:http://javatech.wang/index.php/archives/74/ 先简单介绍下项目环境: JDK1.7 Spring 3.2.2 swagger-springmvc 1 ...

Git与GitHub学习笔记(一)如何删除github里面的文件夹？

按照以下步骤即可(本地删除) 1. git pull you git url2. git checkout 3. rm -r dirName4. git add --all5. git commit  ...