有没有办法用Javascript跟踪焦点？

Question

• 我们需要跟踪用户现场的有效时间
• 大多数用户完成后,会打开选项卡并移动到另一个选项卡
• 现场时间非常不准确

是否有Javascript事件来跟踪当前标签的"失去焦点"？

Answer 1

这应该适用于选项卡切换和浏览器窗口失去焦点:

function onBlur() {
    document.body.className = 'blurred';
};
function onFocus(){
    document.body.className = 'focused';
};

if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.onfocusin = onFocus;
    document.onfocusout = onBlur;
} else {
    window.onfocus = onFocus;
    window.onblur = onBlur;
}