JavaScript 监听标签页切换
JavaScript 大约 1017 字onvisibilitychange
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
document.onvisibilitychange = function () {
if (document.visibilityState == "hidden") {
document.title = "waiting for you!";
} else {
document.title = "welcome back~";
}
}
</script>
</head>
<body>
Hello document visibilitychange
</body>
</html>
onfocus onblur
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
window.onfocus = function () {
document.title = "welcome back~";
};
window.onblur = function () {
document.title = "waiting for you!";
};
</script>
</head>
<body>
Hello window focus blur
</body>
</html>
说明
onfocus
和onblur
能监听不同窗口之间的切换,更符合使用场景。
阅读 1604 · 发布于 2021-06-10
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓
昵称:
随便看看
换一批
-
微信小程序隐藏变量阅读 96
-
使用 ffmpeg 合并无声视频和音频阅读 3353
-
curl error 18: transfer closed with outstanding read data remaining阅读 949
-
软考-系统架构设计师:Flynn 分类法阅读 3091
-
面试题:HTTP2.0 与 HTTP1.1 的区别阅读 3925
-
Java 使用 SnakeYAML 解析 YAML 文件阅读 3163
-
macOS 无法打开 JMC 和 Eclipse MAT 应用阅读 741
-
Linux 查找文本中重复的内容阅读 4224
-
Rust 开源项目阅读 635
-
MySQL 查看数据储存引擎阅读 1375