js STUDIO

.onhashchange

windowのハッシュ(hash)が変更された際にこのイベントが発生します。 (location.hash参照)

文法 

window.onhashchange = funcRef;

<body onhashchange="funcRef();">

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

funcRefには、関数または関数への参照を割り当てます。

例 

if ("onhashchange" in window) {
    alert("このブラウザは、hashchangeイベントをサポートしています。");
}

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

window.onhashchange = locationHashChanged;

hashchangeイベント

hashchangeイベントのeventオブジェクトは、下記のフィールドを持ちます。

フィールド 型 説明
newURL DOMString windowが誘導された先の新しいURL
oldURL DOMString windowが誘導される前のURL

ブラウザ互換性

デスクトップ
機能 Chrome Firefox
(Gecko)		 IE Opera Safari
基本 5.0 3.6 (1.9.2) 8.0
oldURL/newURL属性はサポートされません。		 10.6 5.0
モバイル
機能 Android Firefox
Mobile		 IE
Mobile		 Opera
Mobile		 Safari
Mobile
基本 2.2 1.0 (1.9.2) 9.0 11.0 5.0

仕様

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。