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 Onunload与Onbeforeunload使用小结
Dec 31 Javascript
9个JavaScript评级/投票插件
Jan 18 Javascript
jQuery 文本框得失焦点的简单实例
Feb 19 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 Javascript
详解vue-router 初始化时做了什么
Jun 11 Javascript
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
javascript实现图片轮换动作方法
Aug 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
一个显示天气预报的程序
2006/10/09 PHP
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
Laravel日志用法详解
2016/10/09 PHP
基于Jquery的简单&简陋Tabs插件代码
2010/02/09 Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
2011/09/29 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
2013/08/26 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
jQuery设置与获取HTML,文本和值的简单实例
2014/02/26 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
JS插件overlib用法实例详解
2015/12/26 Javascript
简单封装js的dom查询实例代码
2016/07/08 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
jQuery 插件封装的方法
2016/11/16 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
Python File(文件) 方法整理
2019/02/18 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
临床医学专业毕业生的自我评价
2013/10/17 职场文书
反腐倡廉标语
2014/06/24 职场文书
股东授权委托书
2014/10/15 职场文书
稽核岗位职责
2015/02/10 职场文书
会计专业自荐信范文
2019/05/22 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
python实现三次密码验证的示例
2021/04/29 Python
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
各种货币符号快捷输入
2022/02/17 杂记
无线电知识基础入门篇
2022/02/18 无线电