visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar

Question

The problem is with the behaviour of the event \"visibilitychange\".

It\'s triggered: - When I switch to a different tab inside the browser window.

Answer 1

we can do like below when switching between tabs and switching between applications

 var pageVisible = true;  
 function handleVisibilityChange() {
      if (document.hidden) {
        pageVisible = false;
      } else  {
        pageVisible = true;
      }
      console.log("handleVisibilityChange")
      console.log("pageVisible", pageVisible)
      // some function call
    }
    document.addEventListener("visibilitychange", handleVisibilityChange, false);
    window.addEventListener('focus', function() {
        pageVisible = true;
        // some function call 
    }, false);
    window.addEventListener('blur', function() {
      pageVisible = false;
      // some function call  
    }, false);