Evento onhashchange
Ejemplo
Ejecute un JavaScript cuando se haya cambiado la parte del ancla:
<body onhashchange="myFunction()">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onhashchange ocurre cuando ha habido cambios en la parte ancla (comienza con un símbolo '#') de la URL actual.
Un ejemplo de lo que realmente es una parte ancla: Suponga que la URL actual es
http://www.example.com/test.htm#part2 - La parte ancla de esta URL sería #part2.
Para invocar este evento, puede:
- Cambie la parte de anclaje configurando la propiedad location.hash o location.href del objeto de ubicación
- Navegar a la página actual con un marcador diferente (Use los botones "atrás" o "adelante")
- Haga clic en un enlace a un marcador de anclaje
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
Event | |||||
---|---|---|---|---|---|
onhashchange | 5.0 | 8.0 | 3.6 | 5.0 | 10.6 |
Sintaxis
En HTML:
<element onhashchange="myScript">
En JavaScript:
object.onhashchange = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("hashchange", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | sí |
---|---|
Cancelable: | No |
Tipo de evento: | HashChangeEvent |
Etiquetas HTML compatibles: | <cuerpo> |
Versión DOM: | Eventos de nivel 3 |
Más ejemplos
Ejemplo
Cómo asignar el evento "onhashchange" al objeto de la ventana:
window.onhashchange = myFunction;