Como parar o botão de volta do navegador usando JavaScript?

Existem inúmeras maneiras diferentes de desativar o botão traseiro ou pelo menos mexer com o funcionamento do botão de volta para que os navegadores não possam ir para a página anterior. No entanto, desativar totalmente o botão traseiro do navegador não é uma boa opção, além de aplicativos do lado do cliente não têm tantos privilégios ou direitos de fazê-lo devido a razões de segurança.

Neste artigo, implementaremos uma lógica simples através do JavaScript, que impede os navegadores de ir para a página anterior usando o janela objeto.

A janela.história.Forward () Método

Neste artigo, interromperemos o funcionamento normal do botão traseiro do navegador da web usando o objeto da janela. E para ser preciso, vamos entrar na história do objeto da janela e movê -lo “avançar”Quando o navegador tenta revisitar a página anterior.

Demonstração da janela.história.Forward () Método

Para começar, precisamos de duas páginas HTML diferentes. A primeira página é chamada de casa.HTML, e contém as seguintes linhas:

Clique em mim para visitar a próxima página

Como você pode ver, estamos simplesmente criando um no qual estamos simplesmente nos referindo à segunda página.html.

Depois disso, basta criar o segundo HTML com o nome exato SecondPage.html. E neste documento HTML, você deseja adicionar as seguintes linhas:

Esta é a segunda página

Esta segunda página contém apenas texto que diz ao usuário que esta é a segunda página. A execução da página da web home dará o seguinte resultado no navegador:

Como você pode ver, clicar no link nos leva para a segunda página e, a partir da segunda página, você pode pressionar o botão Voltar para voltar à casa.html

Agora em casa.Documento HTML, você vai adicionar nas seguintes linhas de script dentro da tag de script:

Nessas linhas, estamos acessando a história do objeto de janela do navegador e depois chamando o método Forward () para mover o navegador de volta para a segunda página. Assim, mexendo com o fluxo normal do botão traseiro do navegador.

Ponto chave

Este script só funcionará quando a história tiver alguma entrada para a frente para ir para. Isso significa que o carregamento pela primeira vez da página da web nunca será afetado por isso.

Depois disso, basta abrir o lar Página da Web, clique no link para ir para a segunda página da web e, em seguida, tente clicar no botão Voltar do navegador, e você obterá a seguinte saída:

Como você pode ver, clicando no botão "voltar No navegador, não nos leva de volta à casa.HTML, em vez disso, leva -nos novamente na segunda página.html

Conclusão

Para parar o funcionamento do botão traseiro do navegador com a ajuda do JavaScript. Você pode simplesmente chamar o método Forward () sobre o histórico do navegador da web assim que a página da web é carregada. Agora, para ter acesso a esta história, devemos usar o janela objeto. Este artigo demonstrou o funcionamento da janela.história.Forward () Método para interromper o funcionamento do botão traseiro do navegador.