Quiero agregar un mensaje, por ejemplo: si el usuario sale de la pestaña del navegador, debería aparecer el mensaje "Parece que te has ido ...". Cuando el usuario regrese a la página, cambie el mensaje a "Es bueno estar de vuelta".
¿Es posible hacer algo como esto?
Cree un eventListener en su ventana, con el evento de load , y simplemente muestre una alerta.
Y cree un evento en su window llamado onbeforeunload ( más información sobre el evento) , donde muestra una alerta al salir de la página.
Nota: onbeforeunload no funcionará en este fragmento, pero intente ingresar su código.
window.addEventListener('load', (event) =>{ alert("Looks like you are back"); }); window.onbeforeunload = function() { alert("Looks like you want to leave"); };Puede lograr esto con la API de visibilidad de página
Respondido aquí