Latest web development tutorials
 

onhashchange Event

< Event Object

Example

Execute a JavaScript when the anchor part has been changed:

<body onhashchange="myFunction()">
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The onhashchange event occurs when there has been changes to the anchor part (begins with a '#' symbol) of the current URL.

An example of what an anchor part actually is: Assume that the current URL is
http://www.example.com/test.htm#part2 - The anchor part of this URL would be #part2.

To invoke this event, you can:

  • Change the anchor part by setting the location.hash or location.href property of the Location Object
  • Navigate to the current page with a different bookmark (Use the "back" or "forward" buttons)
  • Click on a link to a bookmark anchor

Browser Support

The numbers in the table specify the first browser version that fully supports the event.

Event
onhashchange 5.0  8.0 3.6 5.0 10.6

Syntax

In HTML:

<element onhashchange="myScript">
Try it Yourself »

In JavaScript:

object.onhashchange=function(){myScript};
Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("hashchange", myScript);
Try it Yourself »

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.


Technical Details

Bubbles: Yes
Cancelable: No
Event type: Event
Supported HTML tags: <body>
DOM Version: Level 3 Events

Examples

More Examples

Example

How to assign the "onhashchange" event to the window object:

window.onhashchange = myFunction;
Try it Yourself »

< Event Object