hsunny study blog

hashChange 본문

programming/javascript

hashChange

헤써니 2019. 7. 20. 00:50

hashChange

hash 태그를 url에서 변화시켜 변화된 상태를 확인해서 처리합니다.

hashchange 이벤트는 윈도우의 해시가 변경되면 시작됩니다.

 

event handler

window.onhashchange = funcRef; // funcRef : 함수에 대한 참조

 

HTML event handler

<body onhashchange="funcRef();">

 

event listener

addEventListener()를 사용하여 이벤트 리스너 추가하기

window.addEventListener("hashchange", funcRef, false);

 

지원하는 브라우저

Google Chrome: 5.0
Safari: 5.0
Opera: 10.6
Firefox: 3.6
Internet Explorer: 8.0
Edge: Yes

모바일 지원 브라우저 보러가기

IE7이하 버전에서 사용하기 예제 보러가기

어디에 사용할까?

[자바스크립트] 해시체인지 이벤트 활용 방법 소개

클릭한 버튼의 CSS만 다르게 색입히기

AJAX의 이슈를 해결하기 위해 사용 - Ajax 히스토리 다루기

 

 

[참고]

MDN - WindowEventHandlers.onhashchange

javascript hashchange 이벤트 처리 방법