W3cubDocs

visibilitychange

The visibilitychange event is fired when the content of a tab has become visible or has been hidden.

Property	Type	Description
`target` Read only	`EventTarget`	The event target (the topmost target in the DOM tree).
`type` Read only	`DOMString`	The type of event.
`bubbles` Read only	`Boolean`	Whether the event normally bubbles or not.
`cancelable` Read only	`Boolean`	Whether the event is cancellable or not.

document.addEventListener("visibilitychange", function() {
  console.log( document.visibilityState );
});

Specification	Status	Comment
Page Visibility (Second Edition) The definition of 'visibilitychange' in that specification.	Recommendation

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	13 webkit 33	10 (10) moz 18 (18)	10	12.10[1]	6.1

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	4.4 webkit	10.0 (10) moz 18.0 (18)	?	12.10 [1]	7 webkit

[1] Doesn't fire the visibilitychange event when the browser window is minimized, nor set hidden to true.