有没有办法用 Javascript 跟踪选项卡上的焦点?

问题描述

• 我们需要跟踪用户在网站上的有效时间
• 大多数用户在完成后，将标签页保持打开状态并移至另一个标签页
• 现场时间极不准确

是否有 Javascript 事件来跟踪当前选项卡的失去焦点"?

Is there a Javascript Event to track the "loss of focus" of the current tab ?

推荐答案

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

This should work both on tab switch and on browser window losing focus:

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

这篇关于有没有办法用 Javascript 跟踪选项卡上的焦点?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！