JSFiddle - React, Tailwind, and code Playground

by Douglas Frari

HTML

<h2>Teste de visibilidade</h2>
<p><b>Abra outra aba</b> do navegador e retorne para essa página em seguida.</p>
<div id='results'>
</div>

JavaScript

//ciclo de vida

var results = document.getElementById('results');

function handleVisibilityChange() {
  if (document.webkitHidden) {
    results.innerHTML = results.innerHTML + 'Foi encondido.<br>';
  } else {
    results.innerHTML = results.innerHTML + 'Ficou visível.<br>';
  }
}

// talvez nao funcione no Browser Firefox. Testado no Chrome.
document.addEventListener("webkitvisibilitychange", handleVisibilityChange, false);