javascript - 如何发现用户不再与页面交互(不是重新加载或退出)

Question

我想跟踪用户与页面交互的时间。据我了解，用户基本上可以通过

离开页面

1. 离开(后退/前进)
2. 关闭窗口
3. 打开新标签页并仅将旧标签页保留在后台
4. 切换标签/窗口

虽然我知道我可以对 1 和 2 使用“onbeforeunload”，但对于 3 和 4 我该怎么办？根据我的经验，经常会看到人们在 Chrome/Edge 中始终打开多个选项卡，但只与一个选项卡进行交互。 有什么好技巧如何找出用户“停用”的选项卡/窗口吗？

Answer 1

您可以检查 blur 事件。

  window.addEventListener("blur", function( event ) {
    //DO something   
  }, true);