窗口/选项卡未激活时弹出警报

Question

我在这里尝试了很长一段时间但没有运气。

您知道如何在用户从浏览器中更改选项卡/窗口时显示弹出（警报）吗？

所以基本上，当用户在他/她的浏览器上更改窗口时，警报窗口将会弹出，用户必须按“确定”按钮才能继续，

因为我正在创建一个在线测试站点并且需要显示每当用户尝试更改选项卡/窗口时发出警报

Answer 1

您可以在窗口对象上使用 focus 和 blur 事件（选项卡也被视为窗口。）尝试一下：

window.addEventListener('focus', function() { console.log('Window has focus'); });
window.addEventListener('blur', function() { console.log('Window lost focus'); });

或使用 jQuery：

$(window).focus(function() { console.log('Window has focus'); });
$(window).blur(function() { console.log('Window lost focus'); });

另外，请小心使用警报以这种方式。许多用户可能会觉得有点烦人。