document.addEventListener("visibilitychange", function () { if (document.hidden) { //处于当前页面 console.log("hidden"); } });
JS：visibilitychange事件监听页面是否显示
2022-09-12
763
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JS：visibilitychange事件监听页面是否显示
目录
相关文章
|
22天前
|
JavaScript
前端开发
程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
37
1
1
|
4月前
|
开发框架
JavaScript
前端开发
揭秘：如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语，再引发服务器端魔法！
【8月更文挑战第16天】在ASP.NET开发中，处理客户端与服务器交互时，常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件，但难以插入客户端逻辑。本文对比此法与改进方案：利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交，增强了灵活性和用户体验，同时确保了服务器端逻辑的执行。
51
5
5
|
3月前
|
前端开发
JavaScript
API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。
108
2
2
|
2月前
|
Web App开发
前端开发
JavaScript
|
2月前
|
Web App开发
数据采集
JavaScript
|
2月前
|
JavaScript
API
|
3月前
|
JavaScript
前端开发
js 回到页面顶部
本文提供了一个JavaScript函数`scrollToTop`，用于平滑滚动页面回到顶部。该函数利用`requestAnimationFrame`和`window.scrollTo`方法逐步减少滚动条距离，直到页面完全回到顶部。
32
1
1
|
2月前
|
JavaScript
前端开发
API
|
3月前
|
JavaScript
前端开发
|
2月前
|
前端开发
JavaScript
热门文章
最新文章
1
Node.js 中流操作实践
2
js数组遍历some,foreach,map,filter,every对比
3
深入理解JavaScript系列（14）：作用域链(Scope Chain)
4
JavaScript右下角信息提示插件Notyf
5
《JavaScript框架设计》——1.4 类型的判定
6
JavaScript FAQ（六）——字符串
7
前端 时间个性化 插件 jquery.timeago.js
8
第14章 使用Kotlin开发JavaScript代码 《Kotin 编程思想·实战》
9
Nightwatch.js – 轻松实现浏览器的自动测试
10
javascript：查找“跳号”号码
1
JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
53
2
js设计模式-观察者模式与发布/订阅模式
68
3
js设计模式-策略模式与代理模式的应用
71
4
深入理解JavaScript中的闭包机制
59
5
使用Vue.js构建交互式前端的技术探索
87
6
使用Node.js构建实时聊天应用的技术指南
123
7
深入理解JavaScript中的事件循环机制
85
8
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
115
9
JavaScript 数组方法概览
37
10
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
66