js 怎样判断用户是否在浏览当前页面

1、在网页开发中，有些场景需要判断用户是否在浏览当前页面，这里一起探讨下，如何判断用户在当前页面是激活状态

2、第一步

判断当前用户在浏览页面处于激活状态主要是通过javascript来判断，通过onblur/onfocus来判断

首选创建一个html

3、第二步

在html 页面中增加javascript代码，监听浏览器有onfocus 、onblur事件，触发这两个事件前，需要这个页面被onfocus

4、第三步

用户正常打开页面是不会监听onfocus onblur事件的

5、第四步

在一些场景中才能触发oblur事件，浏览器切换页面的时候、页面有弹出提醒框的时候，正常浏览页面时候切换到其他应用的时候

6、第五步

document中有hidden属性，可以潘丹页面是否显示的是当前页面， visibilityChange事件是触发页面的可见事件