js 判断是否在当前页面当前页面是否在前端

1.使用visibilitychange

浏览器标签页被隐藏或显示的时候会触发visibilitychange事件.

document.addEventListener("visibilitychange", function() {console.log(document.visibilityState);if(document.visibilityState == "hidden") {console.log('隐藏');} else if (document.visibilityState == "visible") {console.log('显示')}
});

2.使用onblur 和 onfocus

通过获取失去焦点判断页面是否在最前端

var count = 1;
var interval_output = null;function output_number() {document.body.innerHTML += (count + " ");count++;
}// window 失去焦点，停止输出
window.onblur = function() {clearInterval(interval_output);
};// window 每次获得焦点
window.onfocus = function() {// 每 1 秒在页面输出一个数interval_output = setInterval(function() {output_number();}, 1000);
}

参考地址: https://zhidao.baidu.com/question/541794991.html

https://developer.mozilla.org/zh-CN/docs/Web/Events/visibilitychange

转载于:https://www.cnblogs.com/ooo0/p/8378729.html

js 判断是否在当前页面当前页面是否在前端相关推荐

JS判断页面加载完毕
//JS判断页面加载完毕,再隐藏加载效果层,一个简单的JS加载效果.document.onreadystatechange = function () {if (document.readyState ...
JS判断是否是微信页面，判断手机操作系统（ios或android）并跳转到不同下载页面...
JS判断客户端是否是iOS或者Android 参考:http://caibaojian.com/browser-ios-or-android.html 1 function is_weixin() { ...
JS判断页面控件是否可用
JS判断页面控件是否可用[原创] 2009-12-08 16:27 如果你看到这篇文章,甚至目前正愁于该问题的困扰,希望你把这篇文章看完.至少下次不会在这个问题上浪费时间. 近期做的项目中涉及到页面控 ...
html js 如何判断页面是第一次访问还是重复刷新访问,使用JS判断页面是首次被加载还是刷新...
1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加 ...
JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)
//平台.设备和操作系统var system ={win : false,mac : false,xll : false};//检测平台var p = navigator.platform;syste ...
用session实现html登录页面跳转页面跳转页面跳转,js判断登录与否并确定跳转页面的方法...
这篇文章主要介绍了js判断登录与否并确定跳转页面的方法,涉及Ajax及session使用的技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了js判断登录与否并确定跳转页面的方法.分享给大家供 ...
注册登录页面代码用js判断是否填入信息_微信小程序快速开发：从注册账号到小程序上架
写在前面自从微信小程序功能发布后,我就一直关注着小程序的动向,然而限于学业繁忙,总是没有太多的时间去学习.大二逐渐学习了Vuejs,被其简洁的设计所吸引,后来看了看小程序的开发文档,发现这么的相似? ...
html js验证登录页面,js判断登录与否并确定跳转页面的方法
本文实例讲述了js判断登录与否并确定@R_384_404@面的方法.分享给大家供大家参考.具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面. 判断本地有无custome ...
js判断H5页面是否是在QQ\UC浏览器中打开
js判断H5页面是否是在QQ\UC浏览器中打开 var u = navigator.appVersion; var uc = u.split('UCBrowser/').length > 1 ? ...
html判断是否在页面,js判断页面关闭
JavaScript判断某个页面是否已经关闭 var N=document.getElementById(your_submit_Id); var flag=0; N.attachEvent(&quo ...

js 判断是否在当前页面当前页面是否在前端

js 判断是否在当前页面当前页面是否在前端相关推荐

最新文章

热门文章

js 判断 是否在当前页面 当前页面是否在前端

js 判断 是否在当前页面 当前页面是否在前端相关推荐

最新文章

热门文章

js 判断是否在当前页面当前页面是否在前端

js 判断是否在当前页面当前页面是否在前端相关推荐