Jquery / Javascript：是否可以知道页面何时聚焦？

Question

我的目标是在聚焦“页面选项卡”时使用 jquery 自动刷新某些组件。我有一个“购物车”，即使您从多个选项卡显示我的网站，我也想自动更新它。 另外，我正试图让它在页面内的 iframe 中工作！

这是可能的还是我必须使用一些计时器来定期自动刷新？

编辑：在阅读了解决方案后，我让它为每个焦点工作一次，不知道它是否是最好的解决方案，但它完成了工作：D

var focusPage = false;
var firstFocus = false;
$(window).focus(function () {
                focusPage = true;
                if (firstFocus) {
                    firstFocus = false;
                    //BAM! Refresh your stuff
                }
            });
$(window).blur(function () {
                    focusPage = false;
                    firstFocus = true;
                });

Answer 1

您可以在窗口中捕获focus 事件。 尝试使用：

$(window).focus(function(){
   //refresh your div;
});

Answer 2

使用它似乎效果很好：

$(document).ready(function () {
    $(window).focus(function () {
        console.log("bam!");
    })
});

Answer 3

你上面写的就是这样可以实现的

window.onblur= function() { window.onfocus= function () { location.reload(true); } };

它只会做一次事情。你可以通过这个调用来减少代码。