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
能监听不同窗口之间的切换,更符合使用场景。
阅读 1489 · 发布于 2021-06-10
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
OpenResty 清除 Sever 头信息阅读 3647
-
Spring Boot 优雅停机阅读 871
-
Spring Boot 3 新增 ControllerAdvice 错误处理类 ProblemDetail阅读 681
-
Android 判断通知栏是否可用阅读 2298
-
Spring Boot NoClassDefFoundError: com/mongodb/connection/DefaultClusterFactory阅读 7177
-
Java synchronized 锁字符串注意点阅读 3527
-
JMeter 设置统一请求地址阅读 1816
-
Docker 部署 Tomcat阅读 1624
-
AndroidStudio module 中依赖 arr 后,报 failed to resolve 错误的解决方法阅读 2673
-
Spring Boot Tomcat 报错 The valid characters are defined in RFC 7230 and RFC 3986阅读 342