我有JavaScript，它周期性地执行活动。当用户没有在看站点时(例如，窗口或选项卡没有焦点)，最好不要运行。
是否有一种方法可以使用JavaScript来做到这一点?
我的参考点:如果你正在使用的窗口不活跃，Gmail聊天就会播放声音。
当前回答
我的代码
let browser_active = ((typeof document.hasFocus != 'undefined' ? document.hasFocus() : 1) ? 1 : 0);
if (!browser_active) {
// active
}
其他回答
使用:页面可见性API
document.addEventListener( 'visibilitychange' , function() {
if (document.hidden) {
console.log('bye');
} else {
console.log('well back');
}
}, false );
我能用吗?http://caniuse.com/#feat=pagevisibility
对于没有jQuery的解决方案，请参阅Visibility.js，它提供了关于三个页面状态的信息
visible ... page is visible
hidden ... page is not visible
prerender ... page is being prerendered by the browser
以及setInterval的方便包装器
/* Perform action every second if visible */
Visibility.every(1000, function () {
action();
});
/* Perform action every second if visible, every 60 sec if not visible */
Visibility.every(1000, 60*1000, function () {
action();
});
旧版浏览器(IE < 10;iOS < 7)也可用
这在chrome 67和firefox 67上都适用，
if(!document.hasFocus()) {
// do stuff
}
我会使用jQuery，因为这样你所要做的就是:
$(window).blur(function(){
//your code here
});
$(window).focus(function(){
//your code
});
至少对我有用。
稍微复杂一点的方法是使用setInterval()检查鼠标位置并与上次检查进行比较。如果鼠标在一段时间内没有移动，则用户可能处于空闲状态。
这有一个额外的好处，可以告诉用户是否空闲，而不仅仅是检查窗口是否处于活动状态。
正如许多人指出的那样，这并不总是一种检查用户或浏览器窗口是否空闲的好方法，因为用户甚至可能没有使用鼠标或正在观看视频或类似的内容。我只是建议一种检查空闲状态的方法。
