Evento onhashchange
Exemplo
Execute um JavaScript quando a parte âncora foi alterada:
<body onhashchange="myFunction()">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onhashchange ocorre quando houver alterações na parte âncora (começa com um símbolo '#') da URL atual.
Um exemplo do que realmente é uma parte âncora: Suponha que a URL atual seja
http://www.example.com/test.htm#part2 - A parte âncora dessa URL seria #part2.
Para invocar este evento, você pode:
- Altere a parte âncora definindo a propriedade location.hash ou location.href do objeto Location
- Navegue até a página atual com um marcador diferente (use os botões "voltar" ou "avançar")
- Clique em um link para uma âncora de marcador
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
Event | |||||
---|---|---|---|---|---|
onhashchange | 5.0 | 8.0 | 3.6 | 5.0 | 10.6 |
Sintaxe
Em HTML:
<element onhashchange="myScript">
Em JavaScript:
object.onhashchange = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("hashchange", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | Não |
Tipo de evento: | HashChangeEvent |
Tags HTML suportadas: | <corpo> |
Versão DOM: | Eventos de Nível 3 |
Mais exemplos
Exemplo
Como atribuir o evento "onhashchange" ao objeto window:
window.onhashchange = myFunction;