JavaScript / jQuery: Проверить, имеет ли фокус окно

Question

JavaScript / jQuery: Проверить, имеет ли фокус окно

Как проверить, имеет ли фокус браузер?

79

javascript jquery events

задан Wayne Koorts 20 November 2012 в 21:10

3 ответа

используйте метод 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);

160

ответ дан 24 November 2019 в 10:03

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

ОБНОВЛЕНИЕ:

Я исправлю это, но IE работает не очень хорошо

тестовое обновление

1

ответ дан 24 November 2019 в 10:03

Другие вопросы по тегам:

javascript jquery events

Похожие вопросы:

score 78 · Accepted Answer

Я не протестировал это в других браузерах, но, похоже, он работает в 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);
});