visibilitychange

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

General info

Specification

Page Visibility (Second Edition)

Interface

event

Bubbles

Yes

Cancelable

No

Target

Document

Default Action

None

Properties

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?

Example

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

Specifications

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

Browser compatibility

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

See also

• Using the Page Visibility API