[컴][웹][자바스크립트] onhashchange event 를 사용해서 hash 가 변경될 때 handler 설정

hash 변경 될 때 / history back button 동작  /

onhashchange evnet 사용

hash 에 의한 기본적인 browser 의 동작은 page 내의 tag 로 움직이는 것이다. 그런데 page 내에서 ajax 를 통해 page 를 계속 update 하다보니, milestone 같은 녀석은 page 의 hash 값을 사용한다.

이럴 때 hash 의 변경마다 특정 작업을 하고 싶다면 onhashchange event 를 활용할 수 있다.

test 를 해 보니, IE8 에서도 지원하지만, event parameter 는 같이 넘어오지 않는다.
window.onhashchange = function(e){console.log(e);}

onpopstate

onpopstate 를 사용할 수 있다는 이야기도 ref. 3 에 있다. onpopstate 는 history 에 있는 내용이 pop 될 때 event 를 발생시켜 주는 녀석이다. 다만 HTML5 에서 지원하는 녀석이라 낮은 버전의 IE 에서 사용하기는 힘들 듯 하다.

Reference

• WindowEventHandlers.onhashchange - Web API Interfaces | MDN
• javascript - On - window.location.hash - change? - Stack Overflow
• javascript - Detecting Back Button/Hash Change in URL - Stack Overflow