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 이벤트 처리 방법

저작자표시 비영리 변경금지 (새창열림)

'programming > javascript' 카테고리의 다른 글

제곱근 구하기  (0) 2019.11.25
[jQuery] serialize()를 이용해 form 값을 한번에 가져오기  (0) 2019.10.05
배열의 요소를 하나의 문자열로 만들기  (0) 2019.07.12
자바스크립트는 비동기를 왜 사용할까?  (0) 2019.06.25
querySelector vs querySelectorAll vs getElementsByClassName  (0) 2019.06.25
'programming/javascript' Related Articles more