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面向对象编程(一) 实例代码
Jun 25 Javascript
dreamweaver 8实现Jquery自动提示
Dec 04 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
JavaScript DOM 学习总结(五)
Nov 24 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
web打印小结
Jan 11 Javascript
提高Node.js性能的应用技巧分享
Aug 10 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 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 array_push()数组函数:将一个或多个单元压入数组的末尾(入栈)
2011/07/12 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
CSS常用网站布局实例
2008/04/03 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
2014/10/17 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
javascript设计模式之模块模式学习笔记
2017/02/15 Javascript
jQuery实现元素的插入
2017/02/27 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
2018/08/07 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
ant design vue中表格指定格式渲染方式
2020/10/28 Javascript
Python向日志输出中添加上下文信息
2017/05/24 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
python实现淘宝购物系统
2019/10/25 Python
python如何操作mysql
2020/08/17 Python
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
HEMA英国:荷兰原创设计
2018/08/28 全球购物
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
学生自我鉴定范文
2013/10/04 职场文书
《沉香救母》教学反思
2014/04/19 职场文书
公司投资建议书
2014/05/16 职场文书
煤矿安全生产标语
2014/06/06 职场文书
甜品店创业计划书
2014/09/21 职场文书
企业授权委托书范本
2014/09/22 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
运动会加油稿
2015/07/22 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
十二月早安励志心语大全
2019/12/03 职场文书
MySQL范围查询优化的场景实例详解
2022/06/10 MySQL