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 相关文章推荐
基于jQuery的可用于选项卡及幻灯的切换插件
Mar 28 Javascript
30个最佳jQuery Lightbox效果插件分享
Apr 11 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
javascript折半查找详解
Jan 26 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
小程序实现自定义导航栏适配完美版
Apr 02 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 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 file_get_contents设置超时处理方法
2013/09/30 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
PHP 中提示undefined index如何解决(多种方法)
2016/03/16 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
调试php程序的简单步骤
2019/10/04 PHP
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
2013/11/05 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
首页图片漂浮效果示例代码
2014/06/05 Javascript
网站基于flash实现的Banner图切换效果代码
2014/10/14 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
基于JavaScript实现Tab选项卡切换效果
2016/11/24 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
python进阶教程之词典、字典、dict
2014/08/29 Python
Python计算程序运行时间的方法
2014/12/13 Python
Python字符串特性及常用字符串方法的简单笔记
2016/01/04 Python
详解Python文本操作相关模块
2017/06/22 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
对python指数、幂数拟合curve_fit详解
2018/12/29 Python
Python3获取拉勾网招聘信息的方法实例
2019/04/03 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
可持续未来的时尚基础:Alternative Apparel
2019/05/06 全球购物
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
班主任工作经验材料
2014/02/02 职场文书
自主招生学校推荐信
2014/09/26 职场文书
学校师德师风整改措施
2014/10/27 职场文书
学校运动会感想
2015/08/10 职场文书
谢师宴家长答谢词
2015/09/30 职场文书