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

来源:博客园 分类: 文章浏览史 发布时间:2020-09-07 11:11:10 最后更新:2020-09-07 浏览:93
转载声明:
本文为摘录自“博客园”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-09-07 11:11:10

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

window.onblur = function () {
    console.log("失去焦点");
}
document.addEventListener('visibilitychange',function(){
    if(document.visibilityState==='hidden'){
        console.log("选项卡切换");
    }
});
使用的时候,两者需要配合使用

2、效果

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

php技术微信