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 相关文章推荐
web 页面分页打印的实现
Jun 22 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 Javascript
JS模仿手机端九宫格登录功能实现代码
Apr 28 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
详解JavaScript 为什么要有 Symbol 类型?
Apr 03 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
jquery实现烟花效果(面向对象)
Mar 10 jQuery
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
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
JQuery开发的数独游戏代码
2010/10/29 Javascript
动感效果的TAB选项卡jquery 插件
2011/07/09 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
Node调用Java的示例代码
2017/09/20 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
python之yield表达式学习
2014/09/02 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
python框架django项目部署相关知识详解
2019/11/04 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
开放系统互连参考模型
2016/06/29 面试题
给领导的致歉信范文
2014/01/13 职场文书
大专毕业生求职信
2014/07/05 职场文书
中秋节寄语2015
2015/03/24 职场文书
如何让2019年上半年的工作总结更出色!
2019/07/01 职场文书
创业计划书之酒店
2019/08/30 职场文书
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS
mysql事务隔离级别详情
2021/10/24 MySQL
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL