Javascript 检测用户是否更改选项卡

我正在编写一个用于在线测验的网页。我的基本要求是，如果用户更改选项卡或打开新闻窗口，即使没有最小化其浏览器，即如果该人试图从其他窗口/选项卡查看答案，它也必须触发一个事件（停止测验）。我怎样才能做到这一点？

Note :尽量避免在您的答案中包含前沿的 HTML5 功能，因为我希望当前所有主要浏览器都支持该功能。

2022 年，您可以使用事件侦听器visibilitychange event:

document.addEventListener("visibilitychange", (event) => {
  if (document.visibilityState == "visible") {
    console.log("tab is active")
  } else {
    console.log("tab is inactive")
  }
});