Window: hashchange イベント

hashchange イベントは、 URL のフラグメント識別子 (URL の # 記号で始まり続く部分) が変化したときに発生します。

バブリング あり
キャンセル 不可
インターフェイス HashChangeEvent
イベントハンドラープロパティ onhashchange

hashchange イベントは addEventListener メソッドの中で使用することができます。

window.addEventListener('hashchange', function() {
  console.log('The hash has changed!')
}, false);

または onhashchange イベントハンドラープロパティを使用して、

function locationHashChanged() {
  if (location.hash === '#cool-feature') {
    console.log("You're visiting a cool feature!");
  }
}

window.onhashchange = locationHashChanged;

仕様書

仕様書 状態 備考
HTML Living Standard
hashchange の定義
現行の標準 Initial definition

ブラウザーの互換性

BCD tables only load in the browser

関連情報