js监听用户进入和离开当前页面
VisibilityChange 事件;用于用户是否离开当前页面
// 页面的 visibilityState属性可能返回三种状态 prerender,visible 和 hidden // 监听 visibility change 事件 document.addEventListener('visibilitychange', function() { // 页面变为不可见时触发 if (document.visibilityState == 'hidden') { document.title = '离开'; } // 页面变为可见时触发 if (document.visibilityState == 'visible') { document.title = '回来'; } });
// 页面的 hidden属性,false,true; document.addEventListener('visibilitychange',function(){ var isHidden = document.hidden; if(isHidden){ document.title = '离开'; } else { document.title = '回来'; } });
原文地址:https://segmentfault.com/a/1190000020137832
相关推荐
-
【前端工程】前端组件化之设计组件库系统(一) javascript/jquery
2020-5-28
-
vue-router(2.0)入门教程 javascript/jquery
2020-6-9
-
2020年,一文点破跨平台开发框架现状 javascript/jquery
2020-6-27
-
要如何在Viewer本地模式下使用加载 AEC Model Data? javascript/jquery
2020-5-27
-
TypeScript 初识 – 接口 javascript/jquery
2019-8-24
-
如何优化你的超大型React应用 【原创精读】 javascript/jquery
2019-8-6
-
玩转vue的slot内容分发 javascript/jquery
2020-6-9
-
console对象探究 javascript/jquery
2019-8-20
-
CSS 中你需要知道 auto 的一切! javascript/jquery
2020-5-22
-
JS中的逻辑运算符&&、||,位运算符|,& javascript/jquery
2019-3-31