DEV Community

Krixnaas
Krixnaas

Posted on

Active / Offline state of browser tab

<script> 
document.addEventListener("visibilitychange", function() {
      document.title = document.hidden ? "I'm away" : "I'm here";
});
document.addEventListener("visibilitychange", (event) => {
  if (document.visibilityState == "visible") {
    console.log("tab is active")
  } else {
    console.log("tab is inactive")
  }
}); 

var siteTitle="";
window.addEventListener('blur', () => {
  siteTitle = document.title;
  document.title = 'Come back! :c';
});
window.addEventListener('focus', () => {
  document.title = siteTitle;
});
</script>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more