[javaScript 뒤로가기 이벤트] 뒤로가기 버튼 제어( window.onpopstate )

 

 

뒤로가기 버튼을 눌렀을 때 다른 이벤트 처리

window.onpopstate = function (ev) {
   location.reload();
}

 

 

window.onpopstate 함수를 사용하여 뒤로가기 버튼을 클릭 하고 화면이 전환되었을 때 페이지를 다시 불러오면 해결 됨.

 

내가 만든 오류: 레이어 팝업을 띄우고 메인화면 스크롤 제어를 시킨 이후 닫기버튼이 아닌 뒤로가기 버튼을 눌렀을 때 예외처리를 하지 않음. => 스크롤 기능이 없어진 상태라 레이어 팝업이 닫힌 이후에도 스크롤을 못함

 

해결: 레이어팝업이 사라졌을 때 스크롤 제어 클레스를 활성화상태로 만들어줘야함.

window. onpopstate 함수가 뒤로가기 버튼 제어하는 함수임.