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

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
hashchange eventChrome 完全対応 5Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 8Opera 完全対応 10.6Safari 完全対応 5WebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 11Safari iOS 完全対応 5Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応

関連情報