onhashchange 이벤트
예시
앵커 부분이 변경되면 JavaScript를 실행합니다.
<body onhashchange="myFunction()">
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onhashchange 이벤트는 현재 URL의 앵커 부분('#' 기호로 시작)에 변경 사항이 있을 때 발생합니다.
앵커 부분의 실제 예: 현재 URL이
http://www.example.com/test.htm#part2라고 가정합니다. - 이 URL의 앵커 부분은 #part2입니다.
이 이벤트를 호출하려면 다음을 수행할 수 있습니다.
- Location Object 의 location.hash 또는 location.href 속성을 설정하여 앵커 부분을 변경합니다.
- 다른 책갈피로 현재 페이지로 이동("뒤로" 또는 "앞으로" 버튼 사용)
- 책갈피 앵커에 대한 링크를 클릭하십시오.
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Event | |||||
|---|---|---|---|---|---|
| onhashchange | 5.0 | 8.0 | 3.6 | 5.0 | 10.6 |
통사론
HTML:
<element onhashchange="myScript">
자바스크립트:
object.onhashchange = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("hashchange", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
| 거품: | 네 |
|---|---|
| 취소 가능: | 아니 |
| 이벤트 유형: | 해시 변경 이벤트 |
| 지원되는 HTML 태그: | <본체> |
| DOM 버전: | 레벨 3 이벤트 |
더 많은 예
예시
창 개체에 "onhashchange" 이벤트를 할당하는 방법:
window.onhashchange = myFunction;