사용자가 "뒤로"버튼을 클릭했는지 감지하는 방법

StackOverflow https://stackoverflow.com/questions/2008806

문제

사용자가 Histor-Back-1을 가면 ... 어떻게 감지합니까? 그런 다음 "사용자가 다시 클릭했습니다!"

바인드 사용 (및 jQuery가 바람직하게는)

도움이 되었습니까?

해결책

일반적으로 (브라우저 보안 제한) 할 수 없습니다. 사용자가 페이지에서 벗어나는 지 알 수 있지만 (OnBeforeUnload, OnOnload Fire) 페이지를 설정하지 않으면 어디로 갔는지 알 수 없습니다.

HTML5는 HTML5 이력 API를 소개합니다. 순응 브라우저에서 onpopstate 사용자가 사이트의 이전 "페이지"로 다시 탐색하면 이벤트가 시작됩니다.

다른 팁

노력하다:

window.onbeforeunload = function (evt) {
  var message = 'Are you sure you want to leave?';
  if (typeof evt == 'undefined') {
    evt = window.event;
  }
  if (evt) {
    evt.returnValue = message;
  }
  return message;
}

window.onpopstate=function()
{
  alert("Back/Forward clicked!");
}

다음은 뒤로 버튼을 감지하는 단계입니다

  1. 바디에 마우스 다운 이벤트를 등록하십시오 $('body').on('mousedown' ,'on all li' );

    2. Mousedown 이벤트가 발생할 때 변수를 설정합니다.

    3. 위치가 변경되면이 변수를 점검하십시오.

가변 체지가 true true로 가면 목록이 cliked를 의미합니다.

이 작업은 USECASE에서 작업합니다.이 솔루션은 앱 디자인에 의존하기 때문에 다른 사람들을 도울 수 있습니다.

보고있는 페이지 에서이 코드를 추가 할 수 있습니다. onLoad 그들이 켜져 있던 페이지를 다시 옮기는 이벤트. 

if(history.length>0)history.go(+1)

당신이 경고를 원한다면 그것을 만드십시오 

if(history.length>0)alert("the user clicked back!")
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top