visibilityState
-
웹페이지(브라우저 탭)의 숨김,표시 javascript visibilitychange event(자바스크립트 이벤트) 처리IT/javascript 2022. 5. 27. 14:00
웹페이지 닫기시 특별한 처리를 위해서는 beforeunload, unload 이벤트를 사용한다. 그런데, 웹페이지를 보다가 다른 웹사이트를 사용자가 보러 갔을때 특별한 처리를 위해선 어떻게 해야할까? (다른 프로그램을 사용한다던가..) 예를 들어, 비디오 재생 중 사용자가 다른 웹페이지를 보고 있을때 비디오를 멈추고 싶다면? 아래와 같이 visibilitychange 이벤트로 구현이 가능하다. // 이벤트 이름과 이벤트 접근 프로퍼티 명 설정 var hidden, visibilityChange; if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support hidden = "hidden"; visib..