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

admin · 发表于 2023-5-11 15:32:54

马上注册，免费下载更多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,论坛,留住,用户

完整代码直接如下下面：

游客，如果您要查看本帖隐藏内容请回复

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

九妹 · 发表于 2023-5-11 20:28:14

看看什么东西

教父 · 发表于 2023-5-11 23:20:43

看看什么东西

Amano · 发表于 2023-5-12 07:06:52

感谢分享，正需要

苍岚 · 发表于 2023-5-12 08:50:57

本帖最后由苍岚于 2023-5-12 08:57 编辑

大佬，我引入 jQuery 库了，也还是不显示，缓存也清理了这是为啥呀让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧你的,discuz,论坛,留住,用户