js中监听到浏览器标签页的新增、切换等变化
在JavaScript中,可以使用 visibilitychange
事件来监听浏览器标签页的新增、切换等变化。这个事件会在页面的可见性状态发生变化时触发。
下面是一个示例代码,展示如何使用 visibilitychange
事件来监听标签页的变化:
document.addEventListener('visibilitychange', function() { if (document.hidden) { // 当前标签页被切换到后台 console.log('标签页被切换到后台'); } else { // 当前标签页被切换到前台 console.log('标签页被切换到前台'); } });
在这个示例中,当标签页被切换到后台时,控制台会输出"标签页被切换到后台",当标签页被切换到前台时,控制台会输出"标签页被切换到前台"。
喜欢的话,请点赞,转发、收藏、评论,谢谢!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】博客园携手 AI 驱动开发工具商 Chat2DB 推出联合终身会员
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步