이 페이지에 스크립팅 오류가 있습니다. 오류가 사이트 편집자에 의해 처리되는 동안, 아래에 있는 부분 콘텐츠만 볼 수 있습니다.
현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
{{APIRef("HTML DOM")}}
hashchange 이벤트는 윈도우 해시가 변경되면 발생됩니다. 이것 {{ 돔외부참조 ("Window.location", "location.hash")}}).
문법(사용법)
window.onhashchange = funcRef;
혹은
<body onhashchange="funcRef();">
혹은
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;
The hashchange event
hashchange 이벤트에는 다음과 같은 필드가 있습니다
:
Field | Type | Description |
newURL {{gecko_minversion_inline("6.0")}} |
DOMString |
이것은 새로운 URL 로 탐색을 한다. |
oldURL {{gecko_minversion_inline("6.0")}} |
DOMString |
이것은 이전의 URL 경로를 탐색한다. |
제2의 해결책을 위한 event.newURL and 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 |
---|---|---|
{{SpecName('HTML WHATWG', '#windoweventhandlers', 'GlobalEventHandlers')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML5.1', '#windoweventhandlers', 'GlobalEventHandlers')}} | {{Spec2('HTML5.1')}} | |
{{SpecName("HTML5 W3C", "#windoweventhandlers", "GlobalEventHandlers")}} | {{Spec2('HTML5 W3C')}} |
브라우저 호환성
{{호환성 테이블}}
특징 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 5.0 | {{CompatGeckoDesktop("1.9.2")}} |
8.0
|
10.6 | 5.0 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.2 | {{CompatGeckoMobile("1.9.2")}} | 9.0 | 11.0 | 5.0 |