html5 - hashchange 이벤트

Development/HTML 2013. 6. 25. 20:50

hashchange 속성

정의

hashchange 이벤트는 같은 페이지 안에서 해시(#)만 바뀌었을 때. 즉, 페이지에서 id가 있는 요소로 이동했을 때 발생합니다.


  <script type="text/javascript">
    function doSomething() {
      //같은 페이지 안에서 해시(#)만 바뀌었을 때 하고 싶은 것을 지정합니다.
    }
  </script>
</head>
<body onhashchange="doSomething()">
  ...
</body>

또는,


  ...
  <script type="text/javascript">
    function doSomething() {
      //같은 페이지 안에서 해시(#)만 바뀌었을 때 하고 싶은 것을 지정합니다.
    }
    window.onhashchange = doSomething;
  </script>
</body>

와 같이 만듭니다.

발생 가능한 요소

이 이벤트는 window 객체의 메서드입니다.

상세

이 이벤트는 두가지 속성을 가집니다.


  <script type="text/javascript">
    window.onhashchange = function (event) {
        var old_url = event.oldURL,
            new_url = event.newURL;
    }
  </script>

event.oldURL과 event.newURL은 각각 해시 이동 전후의 URL입니다.

이러한 이벤트와 속성을 사용자 혹은 사이트에 유용하게 활용한 좋은 사례가 아직 없습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

출처 - http://html5ref.clearboth.org/doku.php?id=html5:event:onhashchange

저작자표시

'Development > HTML' 카테고리의 다른 글

html - 웹킷(webkit) (1)	2013.12.10
html - iframe 안에서 밖으로 자바스크립트 통신하기 (0)	2013.07.27
html - form의 target (0)	2013.05.13
html - label과 placeholder 차이 (1)	2012.12.13
HTML5 - Geolocation (0)	2012.12.01