Page Visibility API

Page Visibility API

by Kamal Rawat

JavaScript

function printmessage(msg){
	console.log(msg);
}


// Handle page visibility change events
function handleVisibilityChange() {
  if (document.visibilityState === "hidden") {
    printmessage('you swtiched the tab/page');
  } else if(document.visibilityState === "visible"){
    printmessage('your are in the page');
  }
}

document.addEventListener('visibilitychange', handleVisibilityChange, false);