js判断用户进入和离开当前页面

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

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

// 监听 visibility change 事件

document.addEventListener('visibilitychange',function(){

var isHidden = document.hidden;

if(isHidden){

document.title = '死鬼,你去哪儿了';

} else {

document.title = '你终于回来了啊';

}

}

);

</script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏SpiritLing

JavaScript中的execCommand

execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令。处理Html数据时常用 如下格式:document.execCommand(sCom...

30230
来自专栏vue学习

小程序 — scroll-view组件实现滚动

(1)当然,关于scroll-view组件官网还提供了许多其它的属性和事件方法,大家仔细去看看:

24260
来自专栏水击三千

Silverlight学习笔记之页面跳转

在进行项目开发的时候,经常遇到页面之间的跳转,包括silverlight之间以及silverlight和html之间的跳转。 silverlight之间的页面跳...

28650
来自专栏web前端-

Swiper开篇

 swiper是一款轻量级以及免费的移动设备触控滑块的js框架,主要运用于移动端的操作,但也可以用于pc端页面效果制作,完全的开源免费,

17720
来自专栏技术博文

JavaScript 图片的上传前预览(兼容所有浏览器)

功能描述 通过 JavaScript 实现图片的本地预览(无需上传至服务器),兼容所有浏览器(IE6&IE6+、Chrome、Firefox)。 实现要点 ● ...

37650
来自专栏happyJared

IDEA快捷键拆解系列(十三):Window篇

  以下是关于Window导航项及其每一子项的拆解介绍,其中,加粗部分的选项是博主认为比较重要的。

35210
来自专栏xingoo, 一个梦想做发明家的程序员

一分钟教你在博客园中制作自己的动态云球形标签页

经常看到别人的博客里面有动态的云标签页,感觉很是高大上,自己也很像弄一个。于是去找寻源码,在阿里西西页面特效中找到了云标签的源码,经过分析和解剖,弄成了符合博...

38380
来自专栏前端人人

React第三方组件5(状态管理之Redux的使用②TodoList上)

本教程总共6篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件5(状态管理之Redux的使用①简...

387100
来自专栏Golang语言社区

Golang实现类似Scan或者Scanf功能

package main import ( _"errors" "fmt" "io" "os"...

398120
来自专栏ShaoYL

键盘工具栏的快速集成--IQKeyboardManager

433110

扫码关注云+社区

领取腾讯云代金券