Estoy tratando de realizar algunas acciones si el usuario cierra la pestaña del navegador. A continuación se muestra mi código.
function myfun(){ console.log('action performed') } window.onbeforeunload = function(e){ e.preventDefault() myfun() return 'Are you sure you want to leave?'; };Mi código funciona, pero el problema al que me enfrento es que, en el aviso, si el usuario hace clic en el botón Cancelar no cierra la pestaña, mi función aún se ejecuta. ¿Hay alguna forma de registrar que el usuario ha hecho clic en el botón cancelar?
Intenté modificar la función 'myfun' como se muestra a continuación, pero no funcionó.
function myfun(){ if(window.close()){ console.log('action perfomed') } }Puede utilizar el evento de descarga. Dado que la mayoría de los navegadores eliminan el registro de una página una vez que se descarga, lo reemplacé con un ejemplo de almacenamiento local.
function myfun(){ localStorage.setItem('myCat', 'Tom'); } window.onbeforeunload = function(e){ e.preventDefault() return 'Are you sure you want to leave?'; }; window.onunload = myfun; if(localStorage.getItem("myCat")!=null) alert("Last time this page was closed the unload event was called!"); localStorage.setItem('myCat', null);El evento de descarga no siempre se activará, como afirma Mozilla :
Especialmente en dispositivos móviles, el evento de descarga no se activa de manera confiable. Por ejemplo, el evento de descarga no se activa en absoluto en el siguiente escenario:
- Un usuario móvil visita tu página.
- Luego, el usuario cambia a una aplicación diferente.
- Posteriormente, el usuario cierra el navegador desde el administrador de aplicaciones.
Es mejor usar el evento de cambio de visibilidad o el evento de ocultación de página, aunque no reemplacen completamente el evento de descarga.
Además, el evento de descarga no es compatible con la caché de avance/retroceso (bfcache), porque muchas páginas que usan este evento asumen que la página no seguirá existiendo después de que se active el evento. Para combatir esto, algunos navegadores (como Firefox) no colocarán páginas en el bfcache si tienen oyentes de descarga, y esto es malo para el rendimiento. Otros, como Chrome, no activarán la descarga cuando un usuario se vaya.
El mejor evento para señalar el final de la sesión de un usuario es el evento de cambio de visibilidad. En los navegadores que no admiten el cambio de visibilidad, la siguiente mejor alternativa es el evento de ocultación de página, que tampoco se activa de forma fiable, pero que es compatible con bfcache.
Si está tratando específicamente de detectar eventos de descarga de página, es mejor escuchar el evento de ocultación de página.
Creo que no es posible verificar si el usuario presionó el botón de cancelar. De otra manera, puede usar el evento onunload según el código a continuación.
window.onunload = function(e) { console.log("unload event"); };Si el usuario hace clic en recargar, se llamará a esto.