JavaScript/jQuery: prueba si la ventana tiene foco

Question

¿Cómo se prueba si el navegador tiene foco?

Answer 1

No he probado esto en otros navegadores, pero parece funcionar en Webkit. Te dejaré probar IE. : O)

pruébelo:http://jsfiddle.net/ScKbk/

Después de hacer clic para iniciar el intervalo, cambiar el foco de la ventana del navegador para ver el cambio resultado. Una vez más, probado solo en Webkit.

var window_focus; 

$(window).focus(function() { 
    window_focus = true; 
}).blur(function() { 
    window_focus = false; 
}); 

$(document).one('click', function() { 
    setInterval(function() { 
     $('body').append('has focus? ' + window_focus + '<br>'); 
    }, 1000); 
});​ 

Answer 2

utilice el método hasFocus del documento. puede encontrar la descripción detallada y un ejemplo aquí: hasFocus method

EDIT: Agregado violín http://jsfiddle.net/Msjyv/3/

HTML

Currently <b id="status">without</b> focus... 

JS

function check() 
{ 
    if(document.hasFocus() == lastFocusStatus) return; 

    lastFocusStatus = !lastFocusStatus; 
    statusEl.innerText = lastFocusStatus ? 'with' : 'without'; 
} 

window.statusEl = document.getElementById('status'); 
window.lastFocusStatus = document.hasFocus(); 

check(); 
setInterval(check, 200); 

Answer 3

HTML:

<button id="clear">clear log</button> 
<div id="event"></div>​ 

Javascript:

$(function(){ 

    $hasFocus = false; 

    $('#clear').bind('click', function() { $('#event').empty(); }); 

    $(window) 
     .bind('focus', function(ev){ 
      $hasFocus = true; 
      $('#event').append('<div>'+(new Date()).getTime()+' focus</div>'); 
     }) 
     .bind('blur', function(ev){ 
      $hasFocus = false; 
      $('#event').append('<div>'+(new Date()).getTime()+' blur</div>'); 
     }) 
     .trigger('focus'); 

    setInterval(function() { 
     $('#event').append('<div>'+(new Date()).getTime()+' has focus '+($hasFocus ? 'yes' : 'no')+'</div>'); 
    }, 1000); 
});​ 

test

ACTUALIZACIÓN:

lo arreglaré, pero IE no funciona muy bien

test update