检测用户何时使用 JavaScript 切换标签
检测用户何时使用 JavaScript 切换标签
两种检测用户何时切换浏览器选项卡的方法： 使用焦点和模糊事件侦听器以及使用“visibilitychange”事件侦听器
JavaScript
如果您是一名以在线模式进行考试的学生，尤其是在那些 Covid 时期，那么您必须记住在尝试更改考试标签时收到通知的痛苦。
是的，我知道 ALT + C 也是考试期间作弊的一个选项或相当聪明的搜索选项 但是你不好奇它是怎么发生的吗？我的意思是当我们更改标签或单击考试窗口外的某个位置时，他们如何能够检测到？
因此，现在准备好我将向您介绍一些事件侦听器，它们将帮助您检测您的客户或用户何时将您的网站更改为另一个网站或在您的网站/标签区域之外点击。
有两种方法：
方法一：使用焦点和模糊事件监听器
在这个方法中，我们使用了两个事件监听器 '重点' 和 '模糊'。
Method 1
当您切换到另一个选项卡或单击窗口中其他位置的选项卡外部时， '模糊' 被激活。
[
视频1.mp4
编辑描述
drive.google.com
](https://drive.google.com/file/d/1eGWeO9Pi_fPgUm0apyp5mCc7qC6uVMHu/view?usp=sharing)
然后再次返回选项卡或单击选项卡区域然后 '重点' 被激活。
方法 2：使用 'visibilitychange' 事件监听器
在此方法中，我们将仅使用“visibilitychange”事件侦听器，该事件侦听器具有名为“vsisibilityState”的属性，当您切换选项卡时返回值“隐藏”，当您再次返回时返回值“可见”。
Method 2.
[
视频2.mp4
编辑描述
drive.google.com
](https://drive.google.com/file/d/1tZNqqrz0_BT4w9qwKVmetihtrf6AVNaY/view?usp=sharing)
方法 1 和方法 2 的区别在于，前者即使在您单击选项卡区域外时也会检测到，而后者仅在您切换选项卡时才会检测到。
我希望你学到了一些新东西。
在评论中告诉我你觉得哪种方法容易。
订阅每周技术帖子。
更多内容在 ** 纯英语.io** .注册我们的 ** 免费每周通讯** .跟着我们 ** 推特** , ** 领英** , ** YouTube** ， 和 ** 不和谐** .对增长黑客感兴趣？查看 ** 电路** .
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
