blocks|key|981414|text|尝试查看unload和beforeunload窗口事件。监视这些应该给你一个机会，当DOM卸载时，当窗口被关闭时，通过类似这样的东西：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|981415|var+newWin+=+window.open('/some/url');
newWin.onunload+=+function(){
++//+DOM+unloaded,+so+the+window+is+likely+closed.
}|code-block|syntax|javascript|981416|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/DOM/window.onunload|1|https://developer.mozilla.org/en/DOM/window.onbeforeunload^0|4|6|B|C|4|6|0|B|C|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]|$9|12|A|13|1|14]]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]|S|$5|N|O|P|E|$Q|T]]]]

Try looking into the <a href="https://developer.mozilla.org/en/DOM/window.onunload" rel="noreferrer"><code>unload</code></a> and <a href="https://developer.mozilla.org/en/DOM/window.onbeforeunload" rel="noreferrer"><code>beforeunload</code></a> window events. Monitoring these should give you an opportunity to call back when the DOM unloads when the window is closed via something like this:

<pre><code>var newWin = window.open('/some/url');
newWin.onunload = function(){
 // DOM unloaded, so the window is likely closed.
}
</code></pre>

blocks|key|1195913|text|如果您可以使用jQuery+UI+Dialog，那么它实际上有一个close事件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1195914|entityMap|0|LINK|mutability|MUTABLE|url|http://jqueryui.com/demos/dialog/^0|X|5|7|G|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

If you can use the <a href="http://jqueryui.com/demos/dialog/" rel="noreferrer">jQuery UI Dialog</a>, it actually has a <code>close</code> event.

blocks|key|1195976|text|是，处理弹出窗口的onbeforeUnload事件，然后使用以下命令调用父窗口上的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1195977|window.opener.myFunction()|code-block|syntax|javascript|1195978|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Yes, handle the onbeforeUnload event for the popup window and then call a function on the parent window using:

<pre><code>window.opener.myFunction()
</code></pre>

blocks|key|1196055|text|要打开新的窗口调用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1196056|var+wnd+=+window.open("file.html",+"youruniqueid",+"width=400,+height=300");|code-block|syntax|javascript|1196057|如果您只想知道窗口何时关闭，请使用onunload。|offset|length|style|CODE|1196058|wnd.onunload+=+function(){
++++//+do+something
};|1196059|如果您希望在关闭之前得到用户的确认，请使用onbeforeunload。|1196060|wnd.onbeforeunload+=+function(){
++++return+"are+you+sure?";
};|1196061|entityMap^0|0|0|H|8|0|0|L|E|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@$I|11|J|12|K|L]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|T|$]]

To open a new window call:

<pre><code>var wnd = window.open("file.html", "youruniqueid", "width=400, height=300");
</code></pre>

If you just want to know when that window is going to close, use <code>onunload</code>.

<pre><code>wnd.onunload = function(){
 // do something
};
</code></pre>

If you want a confirmation from the user before the can close it, use <code>onbeforeunload</code>.

<pre><code>wnd.onbeforeunload = function(){
 return "are you sure?";
};
</code></pre>

blocks|key|1196153|text|如果您可以控制弹出窗口的内容，请在那里处理窗口的unload事件，并通过opener属性通知原始窗口，首先检查打开程序是否已关闭。注意，这在Opera中并不总是有效的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1196154|window.onunload+=+function()+{
++++var+win+=+window.opener;
++++if+(!win.closed)+{
++++++++win.someFunctionToCallWhenPopUpCloses();
++++}
};|code-block|syntax|javascript|1196155|由于unload事件将在用户离开弹出窗口中的页面时触发，而不仅仅是在窗口关闭时触发，因此应检查弹出窗口是否已在someFunctionToCallWhenPopUpCloses中实际关闭|1196156|var+popUp+=+window.open("popup.html",+"thePopUp",+"");
function+someFunctionToCallWhenPopUpCloses()+{
++++window.setTimeout(function()+{
++++++++if+(popUp.closed)+{
++++++++++++alert("Pop-up+definitely+closed");
++++++++}
++++},+1);
}|1196157|如果您无法控制弹出窗口的内容，或者您的某个目标浏览器不支持unload事件，则只能在主窗口中使用某种轮询解决方案。调整间隔以适应需要。|1196158|var+win+=+window.open("popup.html",+"thePopUp",+"");
var+pollTimer+=+window.setInterval(function()+{
++++if+(win.closed+!==+false)+{+//+!==+is+required+for+compatibility+with+Opera
++++++++window.clearInterval(pollTimer);
++++++++someFunctionToCallWhenPopUpCloses();
++++}
},+200);|1196159|entityMap^0|O|6|10|6|0|0|2|6|1J|X|0|0|T|6|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|19|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|T|$]]

If you have control over the contents of the pop-up, handle the window's <code>unload</code> event there and notify the original window via the <code>opener</code> property, checking first whether the opener has been closed. Note this won't always work in Opera.

<pre><code>window.onunload = function() {
 var win = window.opener;
 if (!win.closed) {
 win.someFunctionToCallWhenPopUpCloses();
 }
};
</code></pre>

Since the <code>unload</code> event will fire whenever the user navigates away from the page in the pop-up and not just when the window is closed, you should check that the pop-up has actually closed in <code>someFunctionToCallWhenPopUpCloses</code>:

<pre><code>var popUp = window.open("popup.html", "thePopUp", "");
function someFunctionToCallWhenPopUpCloses() {
 window.setTimeout(function() {
 if (popUp.closed) {
 alert("Pop-up definitely closed");
 }
 }, 1);
}
</code></pre>

If you don't have control over the contents of the pop-up, or if one of your target browsers does not support the <code>unload</code> event, you're reduced to some kind of polling solution in the main window. Adjust interval to suit.

<pre><code>var win = window.open("popup.html", "thePopUp", "");
var pollTimer = window.setInterval(function() {
 if (win.closed !== false) { // !== is required for compatibility with Opera
 window.clearInterval(pollTimer);
 someFunctionToCallWhenPopUpCloses();
 }
}, 200);
</code></pre>

blocks|key|1196218|text|你的问题有一个非常简单的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1196219|首先创建一个新对象，它将打开一个如下所示的弹出窗口：|1196220|var+winObj+=+window.open('http://www.google.com','google','width=800,height=600,status=0,toolbar=0');|code-block|syntax|javascript|1196221|为了知道这个弹出窗口何时关闭，您只需使用如下所示的循环不断地进行检查：|1196222|var+loop+=+setInterval(function()+{+++
++++if(winObj.closed)+{++
++++++++clearInterval(loop);++
++++++++alert('closed');++
++++}++
},+1000);+|1196223|现在，您可以将alert替换为所需的任何javascript代码。|1196224|玩得开心！:)|1196225|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

There is a very simple solution to your problem.

First make a new object which will open up a pop like this :

<pre><code>var winObj = window.open('http://www.google.com','google','width=800,height=600,status=0,toolbar=0');
</code></pre>

In order to know when this popup window is closed, you just have to keep checking this with a loop like the following :

<pre><code>var loop = setInterval(function() { 
 if(winObj.closed) { 
 clearInterval(loop); 
 alert('closed'); 
 } 
}, 1000); 
</code></pre>

Now you can replace alert with any javascript code you want.

Have Fun! :)

blocks|key|981783|text|我认为最好的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|981784|const+popup+=+this.window.open(url.toString());
popup.addEventListener('unload',+()=>+console.log('closed'))|code-block|syntax|javascript|981785|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I thinks best way is:

<pre><code>const popup = this.window.open(url.toString());
popup.addEventListener('unload', ()=&gt; console.log('closed'))
</code></pre>

The question is pretty much all in the title.

Is it possible (and how?) to open a popup with javascript and then detect when the user closes it?

I am using jquery within the project so a jquery solution would be good. Cheers!

is it possible to open a popup with javascript and then detect when the user closes it?

这个问题几乎都在标题中。这是可能的(以及如何实现的？)用javascript打开弹出窗口，然后检测用户何时关闭它？我在项目中使用jquery，所以jquery解决方案会很好。干杯!

问有没有可能用javascript打开弹出窗口，然后检测用户何时关闭它？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有可能用javascript打开弹出窗口，然后检测用户何时关闭它？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有可能用javascript打开弹出窗口，然后检测用户何时关闭它？
EN