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

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'); });

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