onhashchange 이벤트

DOM 이벤트 HashChangeEvent

정의와 사용법

현재 URL의 앵커 부분('#' 기호로 시작)이 변경될 때마다 onhashchange 이벤트가 발생합니다.

앵커 부분이 무엇인지에 대한 예제: 현재 URL이 http://www.example.com/test.htm#part2라면 - 이 URL의 앵커 부분은 #part2입니다.

이 이벤트를 호출하려면 다음과 같이 할 수 있습니다:

  • 설정을 통해 Location 대상의 location.hash 또는 location.href 속성앵커 부분을 변경합니다
  • 다른 책签을 사용하여 현재 페이지로 이동합니다(뒤로 가기 또는 앞으로 가기 버튼 사용)
  • 책签 앵커로 가리키는 링크를 클릭합니다

실例

예제 1

ancher 부분이 변경된 후에 JavaScript를 실행합니다:

<body onhashchange="myFunction()">

직접 시도해 보세요

예제 2

window 객체에 "onhashchange" 이벤트를 할당하는 방법:

window.onhashchange = myFunction;

직접 시도해 보세요

문법

HTML에서:

<element onhashchange="myScript">

직접 시도해 보세요

JavaScript에서:

object.onhashchange = function(){myScript};

직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하면:

object.addEventListener("hashchange", myScript);

직접 시도해 보세요

주의사항:Internet Explorer 8 또는 이전 버전은 지원하지 않습니다. addEventListener() 메서드。

기술 세부 사항

버블: 지원
취소 가능: 지원하지 않음
이벤트 유형: HashChangeEvent
지원하는 HTML 태그: <body>
DOM 버전: 레벨 3 이벤트

브라우저 지원

표의 숫자는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
onhashchange 5.0 8.0 3.6 5.0 10.6
DOM 이벤트 HashChangeEvent