본문 바로가기

DEV/Javascript

[Javascript]뒤로가기 이벤트 발생시 자바스크립트 실행하기

반응형

브라우저에서 뒤로가기 시 크롬을 제외한 브라우저에서는 BFCache[https://developer.mozilla.org/en-US/docs/Working_with_BFCache]로 인해 뒤로가기 시에는 자바스크립트가 다시 불리지 않는다.

history.back 이벤트 발생 시 함수를 실행하기 위해서는 아래의 코드를 사용하면 된다.

 

None jQuery

window.onpageshow = function (event) {     if (event.persisted) {     	// 뒤로가기로 페이지 로드 시         console.log(event.persisted);     }     else {     	// 새로운 페이지 로드 시     } }

jQuery

$(window).bind("pageshow", function (event) { 	if (event.originalEvent.persisted) { 		// 뒤로가기로 페이지 로드 시 	} 	else { 		// 새로운 페이지 로드 시 	} });

 

반응형