¿Atrapando un evento de cierre de pestaña en el navegador web?

Question

¿Hay alguna forma de saber si el usuario cierra una pestaña en un navegador web? Específicamente IE7, pero también FireFox y otros también. Me gustaría poder manejar esta situación desde nuestro código asp si se cierra la pestaña actual que contiene nuestro sitio web.

Answer 1

Adjunte un " onbeforeunload " ; evento. Puede ejecutar código justo antes de que se cierre el navegador / pestaña.

Answer 2

onbeforeunload también se llama en los siguientes eventos -

* Close the current browser window.
* Navigate to another location by entering a new address or selecting a Favorite.
* Click the Back, Forward, Refresh, or Home button.
* Click an anchor that refers the browser to another Web page.
* Invoke the anchor.click method.
* Invoke the document.write method.
* Invoke the document.open method.
* Invoke the document.close method.
* Invoke the window.close method.
* Invoke the window.open method, providing the possible value _self for the window name.
* Invoke the window.navigate or NavigateAndFind method.
* Invoke the location.replace method.
* Invoke the location.reload method.
* Specify a new value for the location.href property.
* Submit a form to the address specified in the ACTION attribute via the INPUT type=submit control, or invoke the form.submit method.

Por lo tanto, si intenta cerrar la sesión del usuario si cierra la pestaña o la ventana del navegador, terminará desconectándose cada vez que haga clic en un enlace o envíe la página.

Answer 3

¿Document.unload no lo hace si usted?

Answer 4

Si necesita saber cuándo está cerrada la página en el lado del servidor, su mejor opción es hacer ping al servidor periódicamente desde la página (a través de XMLHttpRequest , por ejemplo). Cuando el ping se detiene, la página se cierra. Esto también funcionará si el navegador falla, se cerró o la computadora se apagó.

Answer 5

Como sugirió Eran Galperin, use onbeforeunload . En particular, devuelva una cadena, y esa cadena se incluirá en un diálogo de confirmación que permitirá al usuario elegir si desea abandonar la página o no. Cada navegador incluye un texto antes y después de la cadena que devuelve, por lo que debe probar en diferentes navegadores para ver qué se le presentará a un usuario.

Answer 6

Estoy seguro de que el OP está preguntando desde el contexto de la página web, pero para cualquier desarrollador de complementos de Firefox que se encuentre con esta pregunta, puede usar el evento TabClose .

Santosh tiene razón, este evento se activará en muchas más acciones que simplemente haciendo clic en el botón de cierre de la pestaña / navegador. He creado un pequeño truco para evitar que la acción onbeforeunload se active agregando la siguiente función en el documento listo.

       $(function () {     
        window.onbeforeunload = OnBeforeUnload;
            $(window).data('beforeunload', window.onbeforeunload);
            $('body').delegate('a', 'hover', function (event) {
                if (event.type === 'mouseenter' || event.type === "mouseover")
                    window.onbeforeunload = null;
                else
                    window.onbeforeunload = $(window).data('beforeunload');
            });
        });

Además, antes de activar cualquiera de los eventos mencionados por Santosh, debe ejecutar esta línea:

window.onbeforeunload = null;

Si no desea que se active el evento.

Y aquí está el código final:

    function OnBeforeUnload(oEvent) {   
            // return a string to show the warning message (not every browser will use this string in the dialog)
            // or run the code you need when the user closes your page  
        return "Are you sure you want to close this window?";       
    }

Answer 7

Answer 8

Answer 9

Santosh tiene razón, este evento se activará en muchas más acciones que simplemente haciendo clic en el botón de cierre de la pestaña / navegador. He creado un pequeño truco para evitar que la acción onbeforeunload se active agregando la siguiente función en el documento listo.

       $(function () {     
        window.onbeforeunload = OnBeforeUnload;
            $(window).data('beforeunload', window.onbeforeunload);
            $('body').delegate('a', 'hover', function (event) {
                if (event.type === 'mouseenter' || event.type === "mouseover")
                    window.onbeforeunload = null;
                else
                    window.onbeforeunload = $(window).data('beforeunload');
            });
        });

Además, antes de activar cualquiera de los eventos mencionados por Santosh, debe ejecutar esta línea:

window.onbeforeunload = null;

Si no desea que se active el evento.

Y aquí está el código final:

    function OnBeforeUnload(oEvent) {   
            // return a string to show the warning message (not every browser will use this string in the dialog)
            // or run the code you need when the user closes your page  
        return "Are you sure you want to close this window?";       
    }

Answer 10

Answer 11

Answer 12