·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
12下一页
返回列表 发布新帖

让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧

657 15
发表于 2023-5-11 15:32:54 | 查看全部 阅读模式 | Chrome| Windows 10

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧:
实现效果:(插件网自己也用了,可以对着插件网页面右键查看网页源代码查看到~)
让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧 你的,discuz,论坛,留住,用户

在这个示例中,我们使用了 window 对象的 focus 和 blur 事件来监听页面的激活和失去焦点事件。当页面被激活时,会触发 focus 事件,此时我们可以显示提示信息;当页面失去焦点时,会触发 blur 事件,此时我们也可以显示提示信息。

需要注意的是,需要实现两个方面:判断页面是否处于激活状态,判断页面是否处于当前的 tab 页中。

这里使用的是:JavaScript 中的 Page Visibility API 来实现。该 API 可以检测页面是否处于活动状态,如果页面不处于活动状态,则可以触发一些事件,例如显示提示信息。

实现方法很简单,
在 后台 —— 全局 —— 第三方统计代码 直接添加如下:(不影响SEO)
让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧 你的,discuz,论坛,留住,用户
完整代码直接如下下面:
游客,如果您要查看本帖隐藏内容请回复




我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。
创宇盾启航版免费网站防御网站加速服务

评论15

九妹Lv.2 发表于 2023-5-11 20:28:14 | 查看全部 | Firefox | Windows 10
看看什么东西
我要说一句 收起回复
教父Lv.2 发表于 2023-5-11 23:20:43 | 查看全部 | Edg | Windows 10
看看什么东西
我要说一句 收起回复
AmanoLv.2 发表于 2023-5-12 07:06:52 | 查看全部 | Firefox | Windows 10
感谢分享,正需要
我要说一句 收起回复
苍岚Lv.2 发表于 2023-5-12 08:50:57 | 查看全部 | QQBrowser| Windows 10
本帖最后由 苍岚 于 2023-5-12 08:57 编辑

大佬,我引入 jQuery 库了,也还是不显示,缓存也清理了这是为啥呀 让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧 你的,discuz,论坛,留住,用户
我要说一句 收起回复
admin楼主Lv.9 发表于 2023-5-12 09:46:45 | 查看全部 | Chrome| Windows 10
苍岚 发表于 2023-5-12 08:50
大佬,我引入 jQuery 库了,也还是不显示,缓存也清理了这是为啥呀

一般不需要再次引入 jQuery 库,这段代码是ChatGPT写的,我直接原段填入第三方统计代码的。可以我的网站右键查看网页源代码对比看下。
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。
GM-爱好者Lv.2 发表于 2023-5-12 12:22:06 | 查看全部 | Google Chrome | Windows 10
感谢分享,正需要
我要说一句 收起回复
哈哈哈哈哈Lv.2 发表于 2023-5-12 14:08:16 | 查看全部 | Google Chrome | Windows 10
好好学习
我要说一句 收起回复
回复

使用道具 举报

一心向前Lv.2 发表于 2023-5-12 14:08:35 | 查看全部 | Edg | Windows 10
前排学习
我要说一句 收起回复
回复

使用道具 举报

yusr 发表于 2023-5-13 08:59:42 | 查看全部 | Google Chrome | Windows 10
看看效果再说
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.216.174.32,GMT+8, 2024-11-22 15:36 , Processed in 0.476786 second(s), 137 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表