js监听页面,浏览器tab切换到当前页面时执行方法

725 ℃

功能介绍:当浏览器切换到当前页面的时候执行一个方法,当用户离开当前页面的时候执行另一个方法!

实现代码如下:

document.addEventListener('visibilitychange', () => {
  if (document.visibilityState == "visible") {
    console.log('当前页面进入用户视野,执行当前方法!')
  } else {
    console.log('当前页面退出用户视野,执行另一个方法!')
  }
})

js文章太长显示部分(百分比),点击按钮显示全部

事件绑定addEventListener和事件解除绑定removeEventListener的基本用法

如何利用js检测用户滚动页面的位置

js如何设置事件监听

vuejs如何实现切换浏览器实时监听

标签: addEventListener, visibilitychange, 浏览器监听

上面是“js监听页面,浏览器tab切换到当前页面时执行方法”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2768.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

js如何将值转为浮点数类型
网站优化相比其他推广方式有什么优势?
帝国cms技巧之如何实现文章按月、周、日点击量
一个专门提供用作前端开发的各种酷炫 UI 组件的网站——Uiverse
织梦DedeCMS5.7内容列表标签无法调用副栏目文章的