javascript hashchange 이벤트 처리 방법

요즘 대다수 사이트에서 이벤트 처리를 hash 테그를 url에서 변화시켜 변화된 상태를 확인해서 처리하고 있는 것을 어렵지 않게 볼 수 있다. 아마 요즘 트랜드 같다. 이렇게 트랜드가 된 이유는 아마 브라우저에서 이 hash chage 이벤트 처리가 추가되었기 때문도 있을 것이다. 보통 해시태그가 변화하면 본디 책갈피 용도로 쓰던 태그이기 때문에 page reload가 발생하지 않아 이벤트 처리가 곤란했는데 요즘은 구버전 브라우저를 제외하고 거의 모든 브라우저에서 이 이벤트 처리가 가능하다.

지원 브라우저

• Google Chrome 5
• Safari 5
• Opera 10.60
• Firefox 3.6
• Internet Explorer 8

if ("onhashchange" in window) { // event supported?
    window.onhashchange = function () {
        hashChanged(window.location.hash);
    }
}
else { // event not supported:
    var storedHash = window.location.hash;
    window.setInterval(function () {
        if (window.location.hash != storedHash) {
            storedHash = window.location.hash;
            hashChanged(storedHash);
        }
    }, 100);
}

http://stackoverflow.com/questions/2161906/handle-url-anchor-change-event-in-js