JavaScript/jQuery: Kiểm tra xem cửa sổ có tập trung

Question

Làm cách nào để kiểm tra xem trình duyệt có tập trung không?

Answer 1

Tôi chưa thử nghiệm điều này trong các trình duyệt khác, nhưng có vẻ như nó hoạt động trong Webkit. Tôi sẽ cho bạn thử IE. : O)

Hãy thử nó ra:http://jsfiddle.net/ScKbk/

Sau khi bạn nhấp vào để bắt đầu khoảng thời gian, thay đổi trọng tâm của cửa sổ trình duyệt để xem sự thay đổi kết quả. Một lần nữa, chỉ được thử nghiệm trong 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

sử dụng phương pháp hasFocus của tài liệu. Bạn có thể tìm mô tả chi tiết và một ví dụ ở đây: hasFocus method

EDIT: Added fiddle 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

UPDATE:

tôi sẽ sửa chữa nó, nhưng IE không hoạt động rất tốt

test update