javascript check if tab is active code example

Example 1: if browsertab is active jquery

document.addEventListener('visibilitychange', function() {
	if(document.hidden)
		console.log('Page is hidden from user view');
	else
		console.log('Page is in user view');
});

Example 2: js if tab is active

$(window).on("blur focus", function(e) {
    var prevType = $(this).data("prevType");

    if (prevType != e.type) {   //  reduce double fire issues
        switch (e.type) {
            case "blur":
                // do work
                break;
            case "focus":
                // do work
                break;
        }
    }

    $(this).data("prevType", e.type);
})

Example 3: javascript detect if the browser tab is active

var interval_id;
$(window).focus(function() {
    if (!interval_id)
        interval_id = setInterval(hard_work, 1000);
});

$(window).blur(function() {
    clearInterval(interval_id);
    interval_id = 0;
});