js判断用户是否离开当前页面

简介

VisibilityChange 事件；用于判断用户是否离开当前页面

Code

// 页面的 visibility 属性可能返回三种状态
// prerender，visible 和 hidden
let pageVisibility = document.visibilityState;
// 监听 visibility change 事件
document.addEventListener('visibilitychange', function() {// 页面变为不可见时触发 if (document.visibilityState == 'hidden') { ... } // 页面变为可见时触发 if (document.visibilityState == 'visible') { ... } }
);

这里我仅仅判断了 hidden

<script type="text/javascript">
// 监听 visibility change 事件
document.addEventListener('visibilitychange',function(){
var isHidden = document.hidden;
if(isHidden){
document.title = '死鬼，你去哪儿了';
} else {
document.title = '你终于回来了啊';
}
}
);
</script>

转载于:https://www.cnblogs.com/52liming/p/9537987.html

js判断用户是否离开当前页面相关推荐

登录注册页面，JS判断用户手机号码是否已经存在，或者格式不正确
现在的网站使用手机号码注册的越来越多,这就涉及到要在登录注册页面,判断用户手机号码是否已经存在,或者格式不正确,最近的系统里面正好遇到了,已经实现成功,在这里记录一下如果电话号码已经存在,页面: 如 ...
js判断用户是否点击后退按钮进入的页面
比如A页面里有一个立即支付按钮,点击后唤醒微信支付,接着用户输入支付密码,支付成功后跳转到产品页,此时用户点击浏览器的后退按钮,又会回到A页面,可用下方代码替用户刷新一次,以除后患 if(window ...
微信扫描下载提示以及js判断用户手机系统
今天抽空也写一下这个教程吧,这里面涉及到就是一个APP的页面下载.公司有这个需求,让做一个页面,就是二维码扫描下载.一开始我做的版本是只能是通过浏览器来下载的,但是实际应用中,很多 ...
用百度siteapp的uaredirect.js判断用户访问端而进行域名的自动跳转
首先在你的head中嵌入这段代码 <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js&qu ...
JS判断用户输入是否为素数
最近遇到的一个坑,判断数值是否为素数的时候,忘记考虑函数的封装性. 先上代码 function isPrime(num) {// 不是数字或者数字小于2if (typeof num !== " ...
使用JS判断用户操作系统是否安装某字体
在开发水印功能的时候需要罗列出安装软件的电脑系统里都安装了哪些字体以供用户选择,参考了张鑫旭大神的文章,以下是我对该功能的实现. export var dataFont = { 'windows': ...
js判断用户浏览器类型（IE或IE内核和非IE）及判断IE浏览器版本（32位或64位）
判断是否是IE浏览器或IE内核浏览器: function aaa(){//ie? if (!!window.ActiveXObject || "ActiveXObject" in ...
css+js模拟用户注册和登录页面
制作一个注册页面用户名不能为空并且(6-20位英文字母数字下划线) 密码重复密码 6位以上英文字母数字下划线密码和重复密码必须一致身份证号:旧身份证号为15位数字新身份证号为18位数字, 或1 ...
php如何判断用户是从指定页面跳转进来的
$_SERVER['HTTP_REFERER']下'HTTP_REFERER' 引导用户代理到当前页的前一页的地址(如果存在).由 user agent 设置决定.并不是所有的用户代理都会设置该项,有 ...

js判断用户是否离开当前页面

简介

Code

js判断用户是否离开当前页面相关推荐

最新文章

热门文章