현재 브라우저 활성화 여부 체크 방법

https://developer.mozilla.org/ko/docs/Web/API/Document/visibilityState#%EB%AA%85%EC%84%B8%EC%84%9C

Document.visibilityState - Web API | MDN

document.addEventListener("visibilitychange", () => {
  console.log(document.visibilityState);
  // 기타 동작...
});

위 이벤트를 이용해서 브라우저가 "hidden" or "visible" 되었는지 확인 가능 (상태가 변경될때마다 감지된다)

 

포커스로 확인하는 코드는 아래와 같다.

window.addEventListener('focus', function() {
    console.log('사용자가 웹페이지에 돌아왔습니다.')
}, false);​