JS检测window.open打开的窗口是否关闭


Posted in Javascript onJune 25, 2017

 在开发中遇到需要在打开窗口的同时给父窗口添加遮罩防止用户误操作,而在窗口关闭时需要去掉父窗口的遮罩以便用户操作。

所以可以利用setInterval()来周期性的检测打开的窗口是否关闭。

如果检测到窗口已经关闭,则需要掉用clearInterval()终止监测行为。

1、创建一个新的窗口:

var newWin = window.open(url,name,"height=500,width=1000"); 
$("body",parent.document).mask("信息编辑中...");

2、创建监测的函数,监测周期为1秒:

var loop = setInterval(function() { 
  if(newWin .closed) {  
    clearInterval(loop);  
    $("body",parent.document).unmask();
  }  
}, 1000);

以上所述是小编给大家介绍的JS检测window.open打开的窗口是否关闭,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
Javascript 获取LI里的内容
Dec 17 Javascript
JQuery.closest(),parent(),parents()寻找父结点
Feb 17 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
Feb 12 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
Aug 22 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
Feb 19 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 Javascript
浅谈KOA2 Restful方式路由初探
Mar 14 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 Javascript
jQuery validata插件实现方法
Jun 25 #jQuery
简单谈谈axios中的get,post方法
Jun 25 #Javascript
jQuery鼠标移动图片上实现放大效果
Jun 25 #jQuery
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 #Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 #Javascript
Angular中的interceptors拦截器
Jun 25 #Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 #Javascript
You might like
php中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
jquery判断密码强度的验证代码
2020/04/22 Javascript
基于JavaScript的操作系统你听说过吗?
2016/01/28 Javascript
JS控制文本域只读或可写属性的方法
2016/06/24 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
JavaScript解析JSON格式数据的方法示例
2017/01/24 Javascript
浅谈angularJS的$watch失效问题的解决方案
2017/08/11 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
python TF-IDF算法实现文本关键词提取
2019/05/29 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
python3的pip路径在哪
2020/06/23 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
客服专员岗位职责范本
2013/11/29 职场文书
行政副总岗位职责
2014/02/23 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
文艺演出策划方案
2014/06/07 职场文书
大学生求职信例文
2014/06/29 职场文书
2014企业年终工作总结
2014/12/23 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
公司开业致辞
2015/07/29 职场文书
创业计划书之网络外卖
2019/10/31 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript