JS檢測(cè)window.open打開的窗口是否關(guān)閉
更新時(shí)間：2017年06月25日 14:42:50 作者：Walloce
在開發(fā)中遇到需要在打開窗口的同時(shí)給父窗口添加遮罩防止用戶誤操作，而在窗口關(guān)閉時(shí)需要去掉父窗口的遮罩以便用戶操作。所以可以利用setInterval()來周期性的檢測(cè)打開的窗口是否關(guān)閉
在開發(fā)中遇到需要在打開窗口的同時(shí)給父窗口添加遮罩防止用戶誤操作，而在窗口關(guān)閉時(shí)需要去掉父窗口的遮罩以便用戶操作。
所以可以利用setInterval()來周期性的檢測(cè)打開的窗口是否關(guān)閉。
如果檢測(cè)到窗口已經(jīng)關(guān)閉，則需要掉用clearInterval()終止監(jiān)測(cè)行為。
1、創(chuàng)建一個(gè)新的窗口：
var newWin = window.open(url,name,"height=500,width=1000");
$("body",parent.document).mask("信息編輯中...");
2、創(chuàng)建監(jiān)測(cè)的函數(shù)，監(jiān)測(cè)周期為1秒：
var loop = setInterval(function() {
if(newWin .closed) {
clearInterval(loop);
$("body",parent.document).unmask();
}
}, 1000);
以上所述是小編給大家介紹的JS檢測(cè)window.open打開的窗口是否關(guān)閉，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
不用div+css實(shí)現(xiàn)的js菜單特效代碼用js+table實(shí)現(xiàn) 默認(rèn)選中一個(gè)，點(diǎn)擊后 選中的項(xiàng)目“變白”。不用css+div 高手給做一下 多謝了 演示站：www.allss.com.cn 演示站使用css+div的 改成js+table的2008-01-01
本篇文章主要介紹了詳解為Bootstrap Modal添加拖拽的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
前端HTML實(shí)現(xiàn)個(gè)人簡(jiǎn)歷信息填寫頁面效果實(shí)例
本文介紹了如何使用HTML、CSS和JavaScript構(gòu)建一個(gè)個(gè)人簡(jiǎn)歷信息填寫頁面,涵蓋了簡(jiǎn)歷頁面的HTML結(jié)構(gòu)設(shè)計(jì)、CSS樣式美化以及JavaScript實(shí)現(xiàn)動(dòng)態(tài)功能和驗(yàn)證的全過程,需要的朋友可以參考下2024-11-11
使用JS簡(jiǎn)單實(shí)現(xiàn)apply、call和bind方法的實(shí)例代碼
在JavaScript中,call、apply和bind是Function對(duì)象自帶的三個(gè)方法,這三個(gè)方法的主要作用是改變函數(shù)中的this指向,下面這篇文章主要給大家介紹了關(guān)于如何使用JS簡(jiǎn)單實(shí)現(xiàn)apply、call和bind方法的相關(guān)資料,需要的朋友可以參考下2022-02-02
今天小編就為大家分享一篇layui 表格的屬性的顯示轉(zhuǎn)換方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
一些在TypeScript上費(fèi)過時(shí)間的地方總結(jié)
這篇文章主要給大家介紹了關(guān)于一些在ts上費(fèi)過時(shí)間的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2021-11-11
原生JavaScript實(shí)現(xiàn)模態(tài)框的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用原生JavaScript封裝實(shí)現(xiàn)模態(tài)框效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
由 element.appendChild(newNode) ,談開去
由 element.appendChild(newNode) ,談開去...2006-11-11
這篇文章主要介紹了javascript操作select元素的方法,可實(shí)現(xiàn)針對(duì)select元素選中元素時(shí)動(dòng)態(tài)改變html元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03