[javascript] 뒤로가기 이벤트 onpopstate

onpopstate (뒤로 가기) 이벤트를 적용하면 window.history.back(); 시에도 작동됩니다.

 

게시물 목록에서 게시물 상세 페이지로 이동 한 뒤, 뒤로 가기 버튼으로 페이징 값과 조회 조건을 가져가고 싶을 때 onpopstate 이벤트를 사용하면 값을 넘길 수 있습니다.

 

/* detail.jsp */

window.onpopstate = function(event) {

    history.pushState({pageNum:3, searchDt:'2019-05-07'}, null, '/board/list');
 
    location.reload();
 
}
 
history.pushState(null, null, null);

 

/* list.jsp */

console.log(history.state);    // {pageNum:3, searchDt:'2019-05-07'}

 

 

 

[Reference]

https://developer.mozilla.org/ko/docs/Web/API/Window/popstate_event