html浏览器当前tab标签切换时触发监听

html < 编程技术
发布日期 2023-08-12 更新日期 2023-08-12 阅读次数 106 文章字数 594

一个可行的方法，是监听document的visibilitychange属性，例子

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>tab切换演示</title>
</head>

<body>
    <h1>Hello，Bootstrap3！</h1>
    <script>
        var dTitle = document.title;
        var leftTitle = "不要走开，有福利哦！";
        document.addEventListener('visibilitychange', function() {
            if (document.visibilityState == 'hidden') {
                document.title = leftTitle; //焦点离开当前tab标签
            } else {
                document.title = dTitle; //焦点又回来了
            }
        });
    </script>
</body>

</html>

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-475.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

html <

发表评论

相关推荐
朱丰华   |   1年前   |   checkbox

checkbox默认传值问题

389    评论    点赞
朱丰华   |   1年前   |   sql · mysql

mysql Timestamp或dateTime格式筛选

126    评论    点赞
朱丰华   |   1年前   |   请求 · 一个

ab测压命令，apache测压工具

172    评论    点赞
朱丰华   |   1年前   |   < · iframe

让iframe嵌入的视频自适应 （100%宽度）？

122    评论    点赞
朱丰华   |   1年前   |   正则 · 表达

正则表达式，实现if...then...else

113    评论    点赞
朱丰华   |   1年前   |   php · 字符 · 字符串

如何在 PHP 中将字符串的第一个字母转换为大写

148    评论    点赞
朱丰华   |   1年前   |   php · 字符 · 正则

php正则表达式原生字符

85    评论    点赞
朱丰华   |   1年前   |   javascript · 滚动 · html

Javascript 显示当前滚动条滚动的百分比

73    评论    点赞
朱丰华   |   1年前   |   html · id · <

html同一个页面有两个相同id ，如何用id选择器选中

108    评论    点赞
朱丰华   |   1年前   |   文件 · linux · 修改

linux文件的三个时间atime,mtime,ctime分别表示什么？

275    评论    点赞
朱丰华   |   1年前   |   php

windows下编写、编译php扩展

158    评论    点赞
朱丰华   |   1年前   |   linux · php

linux下编写、编译php扩展

150    评论    点赞
朱丰华   |   1年前   |   html

npm clean-mark，抓取网页文章内容，转换成markdown、html、txt

192    评论    点赞
朱丰华   |   1年前   |   js · vue · 监听

js vue监听，深度监听

113    评论    点赞
朱丰华   |   1年前   |   c语言 · 编译

C语言中预编译#if的使用

75    评论    点赞
朱丰华   |   1年前   |   vue · model

vue语法v-model原理与实现

121    评论    点赞
朱丰华   |   1年前   |   html · npm · audit

npm报错、原因：run `npm audit fix` to fix them, or `npm audit` for details html

67    评论    点赞
朱丰华   |   1年前   |   javascript · js · obfuscator · 混淆

javascript-obfuscator混淆js文件

51    评论    点赞
朱丰华   |   1年前   |   js · 滚动 · html

原生js实现顶部进度条效果

58    评论    点赞
朱丰华   |   1年前   |   html

html input datetime-local设置初始值

98    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞