DOM

：

インターフェイス

：

HashChangeEvent インターフェイス

　 編集：2022.04.02 by T.A.

→●、MS（en）

このインターフェイスは、URL のフラグメント識別子が変更されたときに発生するイベントを表します。

フラグメント識別子は、#記号に続く（および含まれる）URL の一部です。

プロパティ

このインターフェースは、その親である Event のプロパティも継承します。

HashChangeEvent.newURL 読取専用 ●
window が移動している新しい URL。
HashChangeEvent.oldURL 読取専用 ●
window がナビゲートされた前のURL。
メソッド

このインターフェースには独自のメソッドはありませんが、親である Event のメソッドを継承します。

例
ハッシュ変更の構文オプション
次のオプションのいずれかを使用して、hashchange イベントをリッスンできます。 
window.onhashchange = funcRef;
または 
<body onhashchange="funcRef();">
または 
window.addEventListener("hashchange", funcRef, false);
基本例
function locationHashChanged() {
  if (location.hash === '#somecoolfeature') {
    somecoolfeature();
  }
}

window.addEventListener('hashchange', locationHashChanged);

¶省く

テスト
HTML：

ここに表示
スクリプト組み込み：



スクリプト：


スクリプト：



表示内容：
表示内容：