如何查看用户是否正在观看标签？

Question

我正在开发一个简单的聊天应用程序，其中我有以下要求。当用户没有看到选项卡（运行聊天脚本的选项卡）时，我想将其标题更改为＆＃34 ; x发送消息＆＃34;每当用户没有看到标签时，我只显示文档的标题。如何实现这一点？我正在使用javascript进行客户端编程...

Answer 1

要检测您的标签在浏览器中是否处于活动状态，请使用以下代码。

window.onfocus = function () { 
  // means tab is active
}; 

window.onblur = function () { 
  // means tab is inactive
}; 

如果你有jQuery，你可以使用下面的代码。

$(window).focus(function() {
    // means tab is active
});

$(window).blur(function() {
    // means tab is inactive
});