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的事件描述
Sep 08 Javascript
cookie的复制与使用记住用户名实现代码
Nov 04 Javascript
jquery序列化表单去除指定元素示例代码
Apr 10 Javascript
上传文件返回的json数据会被提示下载问题解决方案
Dec 03 Javascript
让你彻底掌握es6 Promise的八段代码
Jul 26 Javascript
原生js实现仿window10系统日历效果的实例
Oct 31 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
Jun 22 Javascript
记一次vue-webpack项目优化实践详解
Feb 17 Javascript
从0到1构建vueSSR项目之路由的构建
Mar 07 Javascript
es6数值的扩展方法
Mar 11 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
JS解惑之Object中的key是有序的么
May 06 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存储过程
2007/02/14 PHP
PHP 七大优势分析
2009/06/23 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
JS重载实现方法分析
2016/12/16 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
浅谈node中的cluster集群
2018/06/02 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
jQuery事件委托代码实践详解
2019/06/21 jQuery
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
Python实现从百度API获取天气的方法
2015/03/11 Python
python实现的简单抽奖系统实例
2015/05/22 Python
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
python散点图实例之随机漫步
2018/08/27 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
python 创建一维的0向量实例
2019/12/02 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
浅谈Python __init__.py的作用
2020/10/28 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
网络技术专业推荐信
2014/02/20 职场文书
优秀毕业生就业推荐信
2014/05/22 职场文书
python requests模块的使用示例
2021/04/07 Python