onhashchangeイベント

DOM イベント HashChangeEvent

定義と使用方法

現在のURLのアンchor部分（'#'シンボルで始まる）が変更されたときにonhashchangeイベントが発生します。

アンchor部分が何かの例：現在のURLがhttp://www.example.com/test.htm#part2の場合 - このURLのアンchor部分は#part2です。

このイベントを呼び出すには、以下のようにできます：

  • 設定することで Location オブジェクトを location.hash または location.href属性アンchor部分を変更するために
  • 異なるブックマークを使用して現在のページにナビゲートします（「戻る」または「進む」ボタンを使用して）
  • ブックマークのアンchorポイントに向かうリンクをクリックします

インスタンス

例1

アンchor部分が変更された後にJavaScriptを実行します：

<body onhashchange="myFunction()">

自分で試してみてください

例2

"onhashchange"イベントをwindowオブジェクトに割り当てる方法：

window.onhashchange = myFunction;

自分で試してみてください

文法

HTMLで：

<element onhashchange="myScript">

自分で試してみてください

JavaScriptで：

object.onhashchange = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

object.addEventListener("hashchange", myScript);

自分で試してみてください

注：Internet Explorer 8またはそれ以前のバージョンではサポートしていません addEventListener()メソッド。

技術的詳細

バブル： サポート
キャンセル可能： サポートしていません
イベントタイプ： HashChangeEvent
サポートするHTMLタグ： <body>
DOMバージョン： レベル3イベント

ブラウザのサポート

テーブルの数字は、そのイベントを完全にサポートする最初のブラウザのバージョンを示しています。

イベント Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
DOM イベント HashChangeEvent