javascript - 有没有办法用 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;
}