javascript - 如果窗口未激活则运行函数

Question

我目前正在开发一个小型对话系统。

当用户编写新消息时，页面标题将更改为新消息，这是预期的。

但是，如果收到消息时窗口处于事件状态，则标题不应不更新。

目前，无论窗口是否处于事件状态，它都会显示新消息，并且仅当用户更改选项卡并返回时才会再次删除它。

如果窗口未事件，如何使其仅运行if (newCount !== messagesCount)函数？

这是当前代码:

if (newCount !== messagesCount) {
    document.title = 'New Message - ' + title;
}

$(window).focus(function() {
    document.title = title;
});

Answer 1

您可以尝试跟踪监听 onfocus 和 onblur 窗口事件的窗口状态，例如:

var hasFocus = true;
window.onfocus = function(){ hasFocus = true;}
window.onblur = function(){ hasFocus = false;}

并在您的方法中检查hasFocus的值