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 相关文章推荐
jquery 简短右键菜单 多浏览器兼容
Jan 01 Javascript
Javascript 变量作用域 两个可能会被忽略的小特性
Mar 23 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
javascript中的void运算符语法及使用介绍
Mar 10 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
js控制淡入淡出示例代码
Nov 12 Javascript
封装了一个支持匿名函数的Javascript事件监听器
Jun 05 Javascript
JavaScript中switch判断容易犯错的一个细节
Aug 27 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 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 图片加水印与上传图片加水印php类
2010/05/12 PHP
PHP中使用array函数新建一个数组
2015/11/19 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
JavaScript 编写匿名函数的几种方法
2010/02/21 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
jQuery代码优化 事件委托篇
2011/11/01 Javascript
javascript 文件的同步加载与异步加载实现原理
2012/12/13 Javascript
THREE.JS入门教程(3)着色器-下
2013/01/24 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
常用jQuery代码分享
2015/07/14 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
javascript this详细介绍
2016/09/19 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
webpack多页面开发实践
2017/12/18 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
用Python的Django框架编写从Google Adsense中获得报表的应用
2015/04/17 Python
利用Python将每日一句定时推送至微信的实现方法
2018/08/13 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
python实现PID算法及测试的例子
2019/08/08 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
美国知名生活购物网站:Goop
2017/11/03 全球购物
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
期末考试动员演讲稿
2014/01/10 职场文书
幼儿园大班新学期寄语
2014/01/18 职场文书
公益广告语集锦
2014/03/13 职场文书