onhashchangeイベント
例
アンカー部分が変更されたときにJavaScriptを実行します。
<body onhashchange="myFunction()">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onhashchangeイベントは、現在のURLのアンカー部分(「#」記号で始まる)に変更があった場合に発生します。
アンカー部分が実際に何であるかの例:現在のURLが
http://www.example.com/test.htm#part2であると仮定します-このURLのアンカー部分は#part2になります。
このイベントを呼び出すには、次のことができます。
- Locationオブジェクトの location.hashまたはlocation.hrefプロパティを設定して、アンカーパーツを変更します
- 別のブックマークを使用して現在のページに移動します([戻る]または[進む]ボタンを使用します)
- ブックマークアンカーへのリンクをクリックします
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
Event | |||||
---|---|---|---|---|---|
onhashchange | 5.0 | 8.0 | 3.6 | 5.0 | 10.6 |
構文
HTMLの場合:
<element onhashchange="myScript">
JavaScriptの場合:
object.onhashchange = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("hashchange", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | はい |
---|---|
キャンセル可能: | 番号 |
イベントタイプ: | HashChangeEvent |
サポートされているHTMLタグ: | <本体> |
DOMバージョン: | レベル3のイベント |
その他の例
例
「onhashchange」イベントをウィンドウオブジェクトに割り当てる方法:
window.onhashchange = myFunction;