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 相关文章推荐
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
JS实现“隐藏与显示”功能(多种方法)
Nov 24 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
JavaScript实现连连看连线算法
Jan 05 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
vue+element实现动态加载表单
Dec 13 Vue.js
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 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 多维数组排序实现代码
2009/08/05 PHP
php实现网页端验证码功能
2017/07/11 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
javascript 匿名函数的理解(透彻版)
2010/01/28 Javascript
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
javascript闭包入门示例
2014/04/30 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
微信小程序 解析网页内容详解及实例
2017/02/22 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
React组件refs的使用详解
2018/02/09 Javascript
javascript导出csv文件(excel)的方法示例
2019/08/25 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
Python实用日期时间处理方法汇总
2015/05/09 Python
详解 Python中LEGB和闭包及装饰器
2017/08/03 Python
Python3爬虫爬取百姓网列表并保存为json功能示例【基于request、lxml和json模块】
2018/12/05 Python
Python3.7黑帽编程之病毒篇(基础篇)
2020/02/04 Python
python实现滑雪者小游戏
2020/02/22 Python
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
学生励志演讲稿
2014/01/06 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
技校毕业生自荐书
2014/05/23 职场文书
师范生求职信
2014/06/14 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
公证处委托书
2015/01/28 职场文书
防汛通知
2015/04/25 职场文书
外出学习心得体会范文
2016/01/18 职场文书
写好求职信的技巧解密
2019/05/14 职场文书