반응 | 페이지 새로 고침 (F5)을 감지하는 방법

마리아 제싱 안부 :

내가 사용하고 JS 반응 . 감지해야합니다 page refresh. 사용자가 새로 고침 아이콘을 누르거나 F5를 누르면 이벤트를 찾아야합니다.

Javascript 함수를 사용하여 stackoverflow post 를 사용해 보았습니다.

나는 beforeunload여전히 운이 좋지 않은 자바 스크립트 기능을 사용했다 .

onUnload(event) { 
  alert('page Refreshed')
}

componentDidMount() {
  window.addEventListener("beforeunload", this.onUnload)
}

componentWillUnmount() {
   window.removeEventListener("beforeunload", this.onUnload)
}

여기에 stackblitz 에 대한 전체 코드가 있습니다

압델 라티프 더벨 :

이것을 생성자에 넣으십시오.

if (window.performance) {
  if (performance.navigation.type == 1) {
    alert( "This page is reloaded" );
  } else {
    alert( "This page is not reloaded");
  }
}

작동 합니다. stackblitz 에서이 예제를 참조하십시오 .

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

새로 고침 (F5)하고 AngularJS로 다른 페이지를 얻는 방법?

페이지 새로 고침을 감지하고 다른 페이지로 리디렉션하는 방법

페이지를 새로 고칠 때 양식 다시 제출을 방지하는 방법 (F5 / CTRL + R)

반응 라우터, URL 변경시 페이지 새로 고침을 만드는 방법은 무엇입니까?

새로 고침하지 않고 웹 페이지에서 변경 사항을 감지하는 방법

버튼 누름이 아닌 페이지 새로 고침 (F5)에서 포스트 백을 식별하는 방법은 무엇입니까?

당겨 새로 고침을 감지하는 방법

페이지 새로 고침을 제거하는 방법?

창 새로 고침을 감지하고 이벤트를 나가는 방법

새로 고침 후 페이지의 현재 상태를 유지하는 방법은 무엇입니까? - 반응

페이지 새로 고침시 반응 라우터를 재설정하는 방법

업데이트 된 값을 반응 형으로 감지하고 페이로드로만 보내는 방법

Liveview 템플릿에서 페이지 새로 고침을 중지하는 방법

페이지 새로 고침을 방지하는 방법 ionic 2/3에서 루트 페이지로 이동

반응에서 새로 고침 페이지 및 경로 변경을 어떻게 감지 할 수 있습니까?

Javascript / jQuery로 부분 페이지 새로 고침을 수행하는 방법

페이지 새로 고침 후 아이콘을 계속 확인하는 방법

단일 페이지 응용 프로그램에서 페이지 새로 고침을 처리하는 가장 좋은 방법은 무엇입니까?

페이지 새로 고침에서 ajax 요청을 중단하는 방법

Django 페이지 새로 고침 방지

PHP 페이지에서 주석을 수정하는 방법은 페이지 새로고침 시 반복적으로 게시됩니까?

가져오기는 null을 반환하지만 페이지 새로 고침 후에 개체를 반환합니다. 그것을 고치는 방법?

useEffect 새로 고침 페이지 내 반응 설정 상태

삭제 버튼 후 페이지 새로 고침 반응

Angular에 ng5-slider를 사용할 때 페이지 새로 고침을 방지하는 방법

F5 키를 누르거나 새로 고침 버튼을 클릭하는 것처럼 사이트 페이지를 새로 고칩니다.

오류가 발생할 때 MVC5의 브라우저에서 F5 또는 새로 고침 아이콘을 누른 후 새 페이지를 얻는 방법은 무엇입니까?

브라우저 새로 고침 만 감지하는 방법

Selenium에서 페이지 새로 고침을 기다리는 방법

TOP 리스트

뜨겁다태그

보관