Como detectar o evento do botão de volta do navegador

Ao testar o aplicativo da web, os programadores precisam rastrear todas as etapas. Por exemplo, voltando à página anterior ou refrescando a página usando os botões do navegador no canto superior esquerdo do seu navegador são denotados por setas (seta para frente, seta para trás, flecha de loop). Mais especificamente, eles podem querer detectar eventos do botão de volta do navegador.

Este artigo descreverá o procedimento para detectar eventos do botão de volta do navegador.

Como detectar o evento do botão de volta do navegador?

Para detectar eventos do botão de volta do navegador, use o “OnBeforeUnloadEvento. Este evento é acionado enquanto a página está se preparando para descarregar. Ele permite que você mostre uma mensagem em uma caixa de diálogo de confirmação informando ao usuário se você deseja permanecer na página atual ou deixá -la. Você também pode utilizar este evento para detectar o evento Back Button Press.

Exemplo

Na etiqueta corporal html, chame o “OnBeforeUnload”Evento e invocar a função“backbuttonevent ()”:

No arquivo JavaScript, defina uma função que será invocada quando o evento OnBeForeUnload for acionado e imprima a mensagem no console:

função backbuttonevent ()
console.log ("O botão traseiro do navegador é clicado ...");

Aqui, você pode ver quando o botão traseiro do navegador é clicado, uma mensagem foi exibida no console antes de recuar:

Compilamos todas as informações necessárias relacionadas à detecção do evento Back Button Botão no JavaScript.

Conclusão

Para detectar eventos do botão de volta do navegador, use o “OnBeforeUnloadEvento. Ocorre quando a página está se preparando para ser descarregada. Ligue para este evento na tag que invocará a função definida no evento OnBeforeUnload. Este artigo descreveu o procedimento para detectar eventos do botão de volta do navegador.