js 能否获知当前浏览器页面是否是激活的页面

Question

如何获知用户浏览器访问的页面是否是当前页面？
或者H5如何获知是否处于前台

Vue项目

Answer 1

可以，详情见visibilitychange

document.addEventListener("visibilitychange", function() {
  console.log( document.visibilityState );
});

Answer 2

jQuery的方法

$(window).focus(function(){
    console.log('激活');
});
$(window).blur(function(){
    console.log('隐藏');
});