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实现与讲解(99js手记)
Sep 28 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
Javascript之String对象详解
Jun 08 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
javascript中Number的方法小结
Nov 21 Javascript
js实现定时进度条完成后切换图片
Jan 04 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
最简单的vue消息提示全局组件的方法
Jun 16 Javascript
利用JS如何获取form表单数据
Dec 19 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 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正确配置mysql(apache环境)
2011/08/28 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
js模拟实现Array的sort方法
2007/12/11 Javascript
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
JavaScript实现in-place思想的快速排序方法
2016/08/07 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
React Native中NavigatorIOS组件的简单使用详解
2018/01/27 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
2018/04/20 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
python实现域名系统(DNS)正向查询的方法
2016/04/19 Python
Python图算法实例分析
2016/08/13 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
详解Python判定IP地址合法性的三种方法
2018/03/06 Python
python os.path模块常用方法实例详解
2018/09/16 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
Flask框架web开发之零基础入门
2018/12/10 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
python dataframe NaN处理方式
2019/12/26 Python
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
求职信范文大全
2014/05/26 职场文书
法定代表人授权委托书格式
2014/10/14 职场文书
授权委托书
2015/01/28 职场文书
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python
Java Socket实现多人聊天系统
2021/07/15 Java/Android