JavaScript/jQuery:测试窗口是否具有焦点

Question

如何测试浏览器是否具有焦点？

Answer 1

使用文档的hasFocus方法.您可以在此处找到详细说明和示例: hasFocus方法

编辑:添加小提琴 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 2

我没有在其他浏览器中测试过这个,但它似乎可以在Webkit中使用.我会让你试试IE.:O)

尝试一下: http ://jsfiddle.net/ScKbk/

单击以开始间隔后,更改浏览器窗口的焦点以查看结果更改.再次,仅在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);
});?