웹페이지가 초점을 잃었을 때 제목을 변경하는 방법에 대한 자세한 설명

앞서 말했듯이 H5를 지원하는 브라우저를 기반으로 해야 합니다

이 API 자체는 매우 간단하며 다음 세 부분으로 구성됩니다.

document.hidden: 페이지가 숨겨져 있는지 여부를 나타내는 부울 값입니다. 페이지를 숨기는 것은 페이지가 배경 탭에 있거나 브라우저를 최소화하는 것을 포함합니다(브라우저를 덮고 있는 열려 있는 숭고한 페이지와 같이 다른 소프트웨어로 덮힌 페이지는 숨겨진 페이지로 간주되지 않습니다).

document.visibilityState: 다음 4가지 가능한 상태의 값을 나타냅니다.

hidden: 페이지가 배경 탭에 있거나 브라우저가 최소화되어 있습니다.

visible: 페이지가 전경 탭에 있습니다.

prerender: 페이지가 사전 작업을 수행합니다. -rendering off-screen 문서 처리.hidden 값은 true

unloaded: 페이지가 메모리에서 언로드되고 있습니다

Visibilitychange 이벤트: 이 이벤트는 문서가 표시에서 보이지 않음으로 또는 보이지 않음에서 표시로 변경될 때 트리거됩니다.

이런 방식으로 Visibilitychange 이벤트를 수신할 수 있습니다. 이벤트가 트리거되면 document.hidden 값을 가져오고 이 값을 기반으로 페이지의 일부 이벤트를 처리할 수 있습니다.

1 document.addEventListener('visibilitychange', function() { 
var isHidden = document.hidden;3   if (isHidden) {4     
document.title = '当焦点不在当前窗口时的网页标题';  } else {    
document.title = '再变回来或者做点其他的';   
}
 });

원리만 이해하면 뭐든지 할 수 있어요!~

위 내용은 웹페이지가 초점을 잃었을 때 제목을 변경하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!