我想在浏览器中切换选项卡时显示一条消息。我该怎么做？

Question

我正在尝试制作一个网页，通过在您浏览网页时给您积分来帮助您专注于您的工作。当有人切换标签时，我需要一些东西来显示一条消息说 "You lost" 或类似的东西。作为网页设计的新手，我无法理解。有人可以帮忙吗？

Answer 1

您可以在 window 中附加焦点或模糊事件 jquery :

$(window).focus(function() {
    // your actions
});

但它只在您的网站上...如果您想检查每个页面，您可以构建一个浏览器扩展程序。

Answer 2

我建议使用 window.onblur event.The onblur 事件在对象丢失时发生 focus.Object 在这种情况下将是 window

使用此代码段：

window.onblur = function () { 
  alert('trying to switch tabs eh !'); 
};

编辑：请参阅此 jsfiddle 以了解工作演示，我已经在 chrome !

上进行了测试

Answer 3

纯 JS，所有浏览器，hasFocus()

if ( document.hasFocus()

检查 link 使用按钮打开新页面时发生的情况:-)

I want to display a message when I switch tabs in a browser. How do I go about it?