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获得CheckBoxList选中的数量
Oct 27 Javascript
Javascript 类型转换方法
Oct 24 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
jQuery中queue()方法用法实例
Dec 29 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
Dec 29 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
jQuery实现的网页换肤效果示例
Sep 20 Javascript
js 发布订阅模式的实例讲解
Sep 10 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
Laravel学习教程之View模块详解
2017/09/18 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
有效的捕获JavaScript焦点的方法小结
2009/10/08 Javascript
javascript 闭包疑问
2010/12/30 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
2013/10/23 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
通过url查找a元素应用案例
2014/04/29 Javascript
js的toUpperCase方法用法实例
2015/01/27 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
JavaScript之AOP编程实例
2015/07/17 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
详解用JS添加和删除class类名
2019/03/25 Javascript
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
python实现八大排序算法(1)
2017/09/14 Python
Python构建图像分类识别器的方法
2019/01/12 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
表达自我的市场:Society6
2018/08/01 全球购物
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
仓库班组长岗位职责
2013/12/12 职场文书
大学生社会实践方案
2014/05/11 职场文书
助残日活动总结
2014/08/27 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle
AJAX实现指定部分页面刷新效果
2021/10/16 Javascript
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python