[removed] cross-domain window.close event from par

问题:

For example i'm on domain1:

a.click(function(){
  window.win=window.open(domain2,'name');
});

Now i'm on domain2 and i'm closing it. How does window.win will know that user closed that window? Is there any event or property to check via interval?

回答1:

There is a property which is not part of any W3C spec. It's called closed and would get accessed like

if( window.win.closed ) {
    // window was closed
}

I'm not sure about the cross-browser compatibilty for that property. I'm also not sure how this behaves on cross-origin domains. But if you try it please let me and the rest of this community know about it.

---

Another option is that you take care for the notification yourself. That means, you are listening for the onbeforeunload within the popup-window. When the event fires, you could use HTML5's postMessage method to communicate between cross-domain windows. For instance:

MainWindow:

window.addEventListener('message', function(e) {
    if( e.origin === 'http://www.popupdomain.com' ) {
        if( e.data === 'closed' ) {
            alert('popup window was closed');
        }
    }
}, false);

Domain2:

window.onbeforeunload = function() {
    window.opener.postMessage('closed', 'http://www.popupdomain.com');
};

The only caveat on this solution is that it's only compatible with browser that support basic HTML5. There are other (sneaky) ways to have a cross-domain communication on old'ish browsers, but I guess that is another story.

回答2:

You can check if the cross domain was closed by using an interval check on the windows closed property.

var url = "http://stackoverflow.com";
var width = 500;
var height = 500;
var closeCheckInterval = 500; //Check every 500 ms.

var popup =  window.open(url, "_new", 'width=' + width + ', height=' + height);
popup.focus();

var closeCheck = setInterval(function () {
    try {
        (popup == null || popup.closed) && (clearInterval(closeCheck), onWindowClosed());    
    } catch (ex) { }
}, closeCheckInterval);

var onWindowClosed = function () {
    ...
    // Stuff to do after window has closed
    ...
}

回答3:

I was working on the similar problem in which a window of domain1 is opened from domain2. I needed to keep a check on when the window gets closed. I tried following :-

1. I used window.onunload event , it didn't work because of Same Origin Policy and showed following error

   Error: attempt to run compile-and-go script on a cleared scope Source File: chrome://firebug/content/net/httpLib.js

   Error: attempt to run compile-and-go script on a cleared scope Source File: chrome://firebug/content/firefox/tabWatcher.js

2. But I maintained an array of Window objects and applied "Window.closed" property , it works even in cross domain. :)

3. Also you can try postMessage API or CORS