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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
JavaScript继承学习笔记【新手必看】
May 10 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
Express之get,pos请求参数的获取
May 02 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 Javascript
JavaScript图片旋转效果实现方法详解
Jun 28 Javascript
vue 扩展现有组件的操作
Aug 14 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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
php中实现精确设置session过期时间的方法
2014/07/17 PHP
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
2013/10/15 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
2016/03/11 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
Bootstrap项目实战之首页内容介绍(全)
2016/04/25 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
1秒50万字!js实现关键词匹配
2016/08/01 Javascript
AngularJS入门教程之链接与图片模板详解
2016/08/19 Javascript
JavaScript中常见的八个陷阱总结
2017/06/28 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
2017/09/07 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
2018/02/03 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
node.js使用redis储存session的方法
2018/09/26 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
Python Queue模块详解
2014/11/30 Python
python3利用venv配置虚拟环境及过程中的小问题小结
2018/08/01 Python
Python3爬楼梯算法示例
2019/03/04 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
python 消费 kafka 数据教程
2019/12/21 Python
HTML5 canvas基本绘图之图形变换
2016/06/27 HTML / CSS
毕业生自我鉴定
2013/11/05 职场文书
大学生简单自荐信
2013/11/10 职场文书
校长岗位职责
2013/11/26 职场文书
培训协议书范本
2014/04/22 职场文书
美术社团活动总结
2014/06/27 职场文书
春游踏青活动方案
2014/08/14 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
2014年保卫工作总结
2014/12/05 职场文书
婚宴来宾致辞
2015/07/28 职场文书