このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HashChangeEvent

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

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

フラグメント識別子は URL の一部で、# 記号からそれに続く部分です。

Event HashChangeEvent

コンストラクター

HashChangeEvent()

新しい HashChangeEvent オブジェクトを生成します。

インスタンスプロパティ

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

HashChangeEvent.newURL 読取専用

ウィンドウが移動しようとしている新しい URL。

HashChangeEvent.oldURL 読取専用

ウィンドウがいた直前の URL。

インスタンスメソッド

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

基本的な例

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

window.addEventListener("hashchange", locationHashChanged);

仕様書

仕様書
HTML
# the-hashchangeevent-interface

ブラウザーの互換性

関連イベント