현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
visibilitychange event 는 브라우저 탭의 컨텐츠가 visible 또는 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
| 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 |
[1] browser window 가 최소화되거나, hidden 을 true 로 설정할 때, visibilitychange event 는 발생되지 않는다.