Intercettare quando la pagina non è più visibile in Javascript

In sostanza per pagina non più visibile si intende quando abbassiamo il borwser, o quando cambiamo tab, ecc.

In Javascript abbiamo l'evento visibilitychange che ci permette di intercettare quando il documento non è più visibile, e quando torna ad esserlo.

Qui sotto il codice di esempio:

document.addEventListener('visibilitychange', () => {
	if (document.hidden) {
		console.log('Ciao a presto!');
	} else {
		console.log('Ben tornato!');
	}
});

Adesso provate ad aprire la pagina, cambiare tab, ecc.

Enjoy!