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 学习笔记(四)
Dec 31 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
Aug 13 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
Google 地图API资料整理及详细介绍
Aug 06 Javascript
微信小程序 常用工具类详解及实例
Feb 15 Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
原生js实现下拉选项卡
Nov 27 Javascript
如何基于JS截获动态代码
Dec 25 Javascript
js+audio实现音乐播放器
Sep 13 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执行速率优化技巧小结
2008/03/15 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
javascript 闭包
2011/09/15 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
2013/11/19 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
原生js实现轮播图
2017/02/27 Javascript
Javascript调试之console对象——你不知道的一些小技巧
2017/07/10 Javascript
VUE axios上传图片到七牛的实例代码
2017/07/28 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
node.js文件的复制、创建文件夹等相关操作
2021/02/05 Javascript
python 调用钉钉机器人的方法
2019/02/20 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
解决 jupyter notebook 回车换两行问题
2020/04/15 Python
flask开启多线程的具体方法
2020/08/02 Python
python中如何使用虚拟环境
2020/10/14 Python
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
教师旷工检讨书
2014/01/18 职场文书
公司薪酬管理制度
2014/01/31 职场文书
《和田的维吾尔》教学反思
2014/04/14 职场文书
2014年学校国庆主题活动方案
2014/09/16 职场文书
社区灵活就业证明
2014/11/03 职场文书
财务个人年度总结范文
2015/02/26 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL
Python使用openpyxl批量处理数据
2021/06/23 Python
WINDOWS 64位 下安装配置mysql8.0.25最详细的教程
2022/03/22 MySQL
使用ICOM IC-R9500接收机同时测评十台收音机中波接收性能
2022/05/10 无线电