javascript监听浏览器离开、进入行为

最新推荐文章于 2025-03-12 14:30:51 发布

TechWhiz-晓同

最新推荐文章于 2025-03-12 14:30:51 发布

阅读量1.5k

点赞数 11

分类专栏： javascript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/m0_72603435/article/details/136278603

版权

            document.addEventListener('visibilitychange', () => {
				if (document.visibilityState == 'hidden') {
					alert('离开')
				}
				if (document.visibilityState == 'visible') {
					alert('进入')
				}
			})

visibilitychange是浏览器新添加的一个事件，当其选项卡的内容变得可见或被隐藏时，会在文档上触发visibilitychange（能见度更改）事件。这个事件主要在用户切换浏览器标签页时触发，例如，当用户将浏览器标签页切换到后台，或者从后台切换到前台时，就会触发visibilitychange事件。

visibilitychange事件有两个常用的可选值：hidden和visible。当页面内容对用户不可见时，例如页面最小化，或者用户切换到其他网页时，visibilityState的值就会变为hidden；而当页面内容可见时，visibilityState的值就会变为visible。

visibilitychange事件的主要应用场景包括但不限于：防止当页面正在渲染时加载资源，或者当页面在背景中或窗口最小化时禁止某些活动。此外，对于采用HTML5开发的游戏来说，