javascript - 是否可以检测用户是否打开了新标签页？

Question

我们正在开发一个测验平台，我们希望在该平台上检测用户是否在测验期间打开了新标签页。不允许用户打开新选项卡，我们希望对此进行跟踪以通知管理测验的老师。我们的目标是主流浏览器(IE、Chrome、Firefox、Safari)。

这可能吗？谢谢

Answer 1

你可以使用 window 对象的 onblur 事件，然后这样写:

function userCheated() {
    // The user cheated by leaving this window (e.g opening another window)
    // Do something
    alert("You can't cheat!");
}

window.onblur = userCheated;

注意:因为当用户离开您的窗口时您无法再控制该窗口，userCheated 函数由于执行缓慢可能会被执行当用户返回您的窗口时，有时会在用户返回时显示警报。我认为它也很好用。

浏览器支持:由于某些浏览器可能无法执行此操作，我建议您使用 jQuery插件可以在更多浏览器上运行，因为 jQuery API 有很多兼容性调整。

使用 jQuery 的代码将是:

$(window).onblur(userCheated);