Conforme a resposta do SOen você pode usar o Page Visibility API que permite detectar se uma página está ocultado.
Navegadores que suportam:
- Chrome 13+
- Internet Explorer 10+
- Firefox 10+
- Opera 12.10+ [Notas]
O código a seguir faz uso da API e também tenta prover a funcionalidade semelhante para alguns navegadores sem compatibilidade.
(function() {
var hidden = "hidden";
// Standards:
if (hidden in document)
document.addEventListener("visibilitychange", onchange);
else if ((hidden = "mozHidden") in document)
document.addEventListener("mozvisibilitychange", onchange);
else if ((hidden = "webkitHidden") in document)
document.addEventListener("webkitvisibilitychange", onchange);
else if ((hidden = "msHidden") in document)
document.addEventListener("msvisibilitychange", onchange);
// IE 9 and lower:
else if ("onfocusin" in document)
document.onfocusin = document.onfocusout = onchange;
// All others:
else
window.onpageshow = window.onpagehide
= window.onfocus = window.onblur = onchange;
function onchange (evt) {
var v = "visible", h = "hidden",
evtMap = {
focus:v, focusin:v, pageshow:v, blur:h, focusout:h, pagehide:h
};
evt = evt || window.event;
if (evt.type in evtMap)
console.log(evtMap[evt.type]);//Troque aqui pelo ajax
else
console.log(this[hidden] ? "hidden" : "visible");//Troque aqui pelo ajax
}
// set the initial state (but only if browser supports the Page Visibility API)
if( document[hidden] !== undefined )
onchange({type: document[hidden] ? "blur" : "focus"});
})();
onfocusin
e onfocusout
são necessários para o IE9 e mais antigos, enquanto que todos os outros fazem uso de onfocus
e onblur
, exceto para iOS, que usa onpageshow
e onpagehide
.
Aonde estão os console.log
s troque por um Ajax que avisará para o servidor que o usuário saiu ou entrou na página.