Check if the current page is hidden or active

check-page-visibility.js

function checkPageVisibility() {
  let eventName = 'visibilitychange'
  let hiddenProp = 'hidden'
  // set proper event name for other browsers
  if (typeof document.msHidden !== 'undefined') {
    hiddenProp = 'msHidden'
    eventName = 'msvisibilitychange'
  } else if (typeof document.webkitHidden !== "undefined") {
    hiddenProp = 'webkitHidden'
    eventName = 'webkitvisibilitychange'
  }
  document.addEventListener(eventName, () => {
    
    //
    // When the visibility of your page changes, do something
    //
    console.log('Is the page hidden?', document[hiddenProp])


  }, false);
}