js监听用户是否在浏览当前页面

1、使用js代码来判断用户是否在浏览当前页面

window.onblur = function () {
    console.log("失去焦点");
}
document.addEventListener('visibilitychange',function(){
    if(document.visibilityState==='hidden'){
        console.log("选项卡切换");
    }
});

使用的时候，两者需要配合使用

2、效果

当鼠标点击了在当前页面之外位置时，就会触发失去焦点的处理函数，如果用户切换了浏览器的选项卡的时候，触发选项卡切换的事件（这个只有在PC端浏览器下才有用，其他移动端视情况而定）