티스토리 뷰
어떤 스택 오버 플로우 글을 읽다가 처음 보는듯한... 혹은 잘 사용하지 않아 잊은 듯한 event를 발견하였다. 게다가 며칠 전 팀장님께서 한 번 알려주신 이벤트라 또 잊지 말자는 의미에서 기록용으로 남겨둔다!
https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event
Document: visibilitychange event - Web APIs | MDN
The visibilitychange event is fired at the document when the contents of its tab have become visible or have been hidden.
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API
Page Visibility API - Web APIs | MDN
The Page Visibility API provides events you can watch for to know when a document becomes visible or hidden, as well as features to look at the current visibility state of the page.
developer.mozilla.org
이 이벤트는 보고있는 페이지를 최소화 하거나 다른 탭으로 이동 등등을 체크한다. page가 visible인지 hidden인지 알 수 있기 때문에 떠났을 때 혹은 돌아왔을 때 로직을 넣을 수 있다.
'JavaScript > JS' 카테고리의 다른 글
| event.persisted로 bfcache인지 아닌지 확인할 수 있다. (0) | 2022.09.19 |
|---|---|
| Intersection Observer API의 개념 및 사용법 / 고속 스크롤에 대한 이슈 (0) | 2022.09.15 |
| history scrollRestoration으로 히스토리 복구 시, 자꾸 최상단으로 올라가는 버그를 무찌르자. (0) | 2022.09.06 |
| 모바일 사파리에서는 pagehide/show를 사용할 것 (0) | 2022.08.30 |
| lodash란 무엇인가 (es6 기본 제공 문법보다 빠른가요?) (0) | 2022.08.08 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 깃
- 센트리모니터링
- Git
- 센트리
- react
- 리액트상태관리
- 사파리
- 깃명령어
- 프론트앤드
- TIL
- BFCache
- 리액트
- CSS
- frontend
- npm
- 리코일
- 김민태
- 크롬
- reacthook
- sentry
- gitRebase
- 자바스크립트
- 리액트훅
- javascript
- 모바일사파리
- storybookUI
- js
- js테스트
- 프론트엔드
- vue
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
글 보관함