js监听用户是否在浏览当前页面
1、使用js代码来判断用户是否在浏览当前页面
window.onblur = function () {
console.log("失去焦点");
}
document.addEventListener('visibilitychange',function(){
if(document.visibilityState==='hidden'){
console.log("选项卡切换");
}
});
使用的时候,两者需要配合使用
2、效果
当鼠标点击了在当前页面之外位置时,就会触发失去焦点的处理函数,如果用户切换了浏览器的选项卡的时候,触发选项卡切换的事件(这个只有在PC端浏览器下才有用,其他移动端视情况而定)