MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

WindowEventHandlers.onhashchange

hashchange 이벤트는 윈도우 해시가 변경되면 발생됩니다 (location.hash를 보세요).

문법(사용법)

window.onhashchange = funcRef;

또는

<body onhashchange="funcRef();">

를 사용하여 존재하는 이벤트 핸들러를 덮어쓸 수 있습니다.

"addEventListener" 함수를 사용하는 존재하는 이벤트 핸들러 집합에 이벤트 리스너를 추가하려면

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

 

매개변수

funcRef
함수에 대한 참조.

예제

if ("onhashchange" in window) {
    alert("The browser supports the hashchange event!");
}

function locationHashChanged() {
    if (location.hash === "#somecoolfeature") {
        somecoolfeature();
    }
}

window.onhashchange = locationHashChanged;

hashchange 이벤트

hashchange 이벤트에는 다음과 같은 필드가 있습니다:

Field Type Description
newURL DOMString 탐색할 새로운 URL입니다.
oldURL DOMString 탐색했던 이전의 URL입니다.

제2의 해결책을 위한 event.newURL 와 event.oldURL

//let this snippet run before your hashchange event binding code
if(!window.HashChangeEvent)(function(){
	var lastURL=document.URL;
	window.addEventListener("hashchange",function(event){
		Object.defineProperty(event,"oldURL",{enumerable:true,configurable:true,value:lastURL});
		Object.defineProperty(event,"newURL",{enumerable:true,configurable:true,value:document.URL});
		lastURL=document.URL;
	});
}());

 

명세

Specification Status Comment
WHATWG HTML Living Standard
The definition of 'GlobalEventHandlers' in that specification.
Living Standard  
HTML 5.1
The definition of 'GlobalEventHandlers' in that specification.
Recommendation  
HTML5
The definition of 'GlobalEventHandlers' in that specification.
Recommendation  

브라우저 호환성

기능 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 5.0 (Yes) 3.6 (1.9.2)

8.0

oldURL/newURL attributes are not supported.

10.6 5.0
기능 Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.2 (Yes) 1.0 (1.9.2) 9.0 11.0 5.0

문서 태그 및 공헌자

 이 페이지의 공헌자: cs09g, TimeExplore
 최종 변경: cs09g,