如何检查浏览器窗口是否关注“移动网络浏览器”

时间:2017-02-26 15:08:28

标签: javascript jquery mobile

我无法在Chrome移动网络浏览器上测试此活动, https://developer.mozilla.org/en-US/docs/Web/API/Document/hasFocus

我想测试应用程序,以便用户点击手机的主页,然后我想在我的应用程序中采取某些行动。

注意:基本上在Web浏览器上我可以使用document.hasfocus,window.blur来实现此功能,但不能在移动Web浏览器上实现

例如。 http://jsfiddle.net/QkzvP/

$(function(){

    window['hasFocus'] = false;

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

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

OR http://jsfiddle.net/Msjyv/3/

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);

0 个答案:

没有答案