Recomendaciones de cursos:

Eventos DOM Evento HashChangeEvent

Evento onhashchange

Definición y uso

Cuando cambia la sección de ancla de la URL actual (que comienza con el símbolo '#' ), se desencadena el evento onhashchange.

Ejemplo de lo que es una sección de ancla: supongamos que la URL actual es http://www.example.com/test.htm#part2 - la sección de ancla de esta URL será #part2.

  • Para llamar a este evento, puedes: Objeto Locationde location.hash o Propiedad location.hrefpara cambiar la sección de ancla
  • Navegar a la página actual usando diferentes marcadores (usando el botón "Atrás" o "Adelante")
  • Hacer clic en el enlace que apunta al ancla de marcador

Ejemplo

Ejemplo 1

Ejecutar JavaScript después de que cambie la sección de ancla

<body onhashchange="myFunction()">

Prueba personalmente

Ejemplo 2

Cómo asignar el evento "onhashchange" al objeto window:

window.onhashchange = myFunction;

Prueba personalmente

Sintaxis

En HTML:

<elemento onhashchange="myScript">

Prueba personalmente

En JavaScript:

objeto.onhashchange = function(){myScript};

Prueba personalmente

En JavaScript, utiliza el método addEventListener():

objeto.addEventListener("hashchange", myScript);

Prueba personalmente

Notas:Internet Explorer 8 o versiones anteriores no admiten Método addEventListener().

Detalles técnicos

Burbujeo: Admitido
Cancelable: No admitido
Tipo de evento: Evento HashChangeEvent
Etiquetas HTML admitidas: <body>
Versión de DOM: Eventos de Nivel 3

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que completamente admite este evento.

Evento Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
Eventos DOM Evento HashChangeEvent