¿es posible abrir una ventana emergente con javascript y luego detectar cuando el usuario la cierra?

Question

La pregunta está prácticamente en el título.

¿Es posible (y cómo?) Abrir una ventana emergente con javascript y luego detectar cuando el usuario la cierra?

Estoy usando jquery dentro del proyecto, por lo que una solución jquery sería buena. ¡Aclamaciones!

Answer 1

Si usted tiene control sobre el contenido de la ventana emergente, manejar el evento de la ventana unload allí y notificar a la ventana original a través de la propiedad opener , verificando primero si el abridor ha sido cerrado. Tenga en cuenta que esto no siempre funcionará en Opera.

window.onunload = function() { 
    var win = window.opener; 
    if (!win.closed) { 
     win.someFunctionToCallWhenPopUpCloses(); 
    } 
}; 

Dado que el evento unload se disparará cada vez que el usuario salga de la página en la ventana emergente y no sólo cuando la ventana está cerrada, usted debe comprobar que la emergente realidad ha cerrado en someFunctionToCallWhenPopUpCloses:

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

Si usted no tiene control sobre el contenido de la ventana emergente, o si uno de los navegadores de destino no admite el evento unload, que está reducido a algún tipo de solución de votación en la ventana principal . Ajuste el intervalo para adaptarse.

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); 

Answer 2

La única forma en que puedo pensar en este momento es crear una función en tu página principal que tenga un tiempo de espera que se llama a sí mismo después de 10 segundos. En la función también puede verificar el valor de una cookie para ver si es verdadera o falsa. Cuando se cierra la ventana emergente, configure una cookie como verdadera.

Espero que esto ayude.

Answer 3

Intente buscar en los eventos de ventana unload y beforeunload. La supervisión de estos debe darle una oportunidad para volver a llamar cuando el DOM se descarga cuando la ventana está cerrada a través de algo como esto:

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

Answer 4

Si puede utilizar el jQuery UI Dialog, que en realidad tiene un evento close.

Answer 5

Sí, controlar el evento onbeforeunload de la ventana emergente y luego llamar a una función en la ventana padre usando:

window.opener.myFunction() 

Answer 6

Para abrir una nueva llamada ventana:

var wnd = window.open("file.html", "youruniqueid", "width=400, height=300"); 

Si lo que desea para saber cuándo se cerrará esa ventana, use onunload.

wnd.onunload = function(){ 
    // do something 
}; 

Si desea una confirmación del usuario antes de que el puede cerrarla, utilice onbeforeunload.

wnd.onbeforeunload = function(){ 
    return "are you sure?"; 
}; 

Answer 7

Hacemos esto en uno de mis proyectos en el trabajo.

El truco consiste en tener una función JS en la página principal a la que va a llamar cuando se cierre la ventana emergente, luego enganche el evento de descarga en la ventana emergente.

La propiedad window.opener hace referencia a la página que generó esta ventana emergente.

Por ejemplo, si escribía una función llamada callingPageFunction en mi página original, yo diría que es en el menú emergente de esta manera:

$(window).unload(function() { 
    window.opener.callingPageFunction() 
}); 

Dos notas:

1. Esto debe ser envuelto en una función lista.
2. que tienen una función anónima, porque es posible que desee otra lógica allí

Answer 8

Existe una solución muy simple a su problema.

En primer lugar hacer un nuevo objeto que abrirá una ventana como esta:

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

Con el fin de saber cuando se cierra esta ventana emergente, sólo hay que mantener el control de esto con un bucle como el siguiente:

var loop = setInterval(function() { 
    if(winObj.closed) { 
     clearInterval(loop); 
     alert('closed'); 
    } 
}, 1000); 

Ahora puede reemplazar la alerta con cualquier código de javascript que desee.

Have Fun! :)