<body onhashchange="myFunction()"> - Javascript DOM Event

Javascript examples for DOM Event:onhashchange

  1. HOME
  2. Javascript
  3. DOM Event
  4. onhashchange

Description

The onhashchange event occurs when the URL anchor is about to change.

Summary

Bubbles Yes
Cancelable No
Supported HTML tags: <body>

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body onhashchange="myFunction()">

<button onclick="changePart()">Try it</button>

<p id="demo"></p>

<script>
function changePart() {/*from  ww w. java  2s. com*/
    location.hash = "newValue";
    var x = location.hash;
    document.getElementById("demo").innerHTML = "The anchor part is now: " + x;
}

function myFunction() {
    console.log("The anchor part has changed!");
}
</script>

</body>
</html>

Related Tutorials