JavaScript에서 페이지 다시 로드 및 새로 고침을 어떻게 감지할 수 있나요?

JavaScript에서 페이지 다시 로드 또는 새로 고침을 감지하는 방법

웹 애플리케이션 작업 시 페이지 다시 로드와 같은 사용자 상호 작용을 추적해야 하는 경우가 많습니다. 또는 새로 고침. 이러한 이벤트를 감지하면 특정 작업이 실행되거나 관련 정보가 표시될 수 있습니다.

해결책

페이지가 다시 로드되거나 새로 고쳐졌는지 확인하려면 JavaScript의 window.performance를 활용할 수 있습니다. Navigation.type 속성. 이 속성은 발생한 탐색 유형에 대한 정보를 제공합니다.

이 속성을 사용하면 다음 코드를 작성하여 페이지 새로고침을 확인할 수 있습니다.

if (window.performance.navigation.type === performance.navigation.TYPE_RELOAD) {
  // Perform desired action, such as displaying an alert
} else {
  // Perform an alternate action, indicating the page was not reloaded
}

위 코드에서 if 문은 탐색 유형이 TYPE_RELOAD 값과 일치하는지 확인합니다. true인 경우 페이지가 다시 로드되어 원하는 작업이 실행되었음을 의미합니다. 조건이 false이면 페이지가 다시 로드되지 않은 것입니다.

참고:

window.performance.navigation.type은 더 이상 사용되지 않으며 사용하면 안 됩니다. 새로운 코드에서. 권장 대안은 Ilya Zelenko가 제공한 답변을 참조하세요.

위 내용은 JavaScript에서 페이지 다시 로드 및 새로 고침을 어떻게 감지할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!