Neste artigo você vai aprender a como impedir o backspace de voltar página, utilizaremos uma abordagem simples e fácil
Fala programador(a), beleza? Bora aprender mais sobre JavaScript!
Prevenir que a tecla “backspace” volte página em JavaScript é uma tarefa simples, mas importante para melhorar a experiência do usuário em seu site.
Aqui estão os passos para impedir isso:
- Adicione o seguinte código JavaScript à sua página:
document.addEventListener("keydown", function (e) {
if (e.key === "Backspace" && !/input|textarea/i.test(e.target.tagName)) {
e.preventDefault();
}
});
- Este código adiciona um ouvinte de evento ao documento que verifica se a tecla pressionada é a tecla “backspace”. Se for, ele verifica se o elemento que está sendo focado é uma entrada de texto ou uma área de texto. Se não for, ele impede o comportamento padrão de voltar à página anterior.
- Salve as alterações e recarregue a página. Agora, ao pressionar a tecla “backspace” fora de uma entrada de texto ou área de texto, o comportamento padrão de voltar à página anterior será impedido.
Em resumo, impedir que a tecla “backspace” volte página em JavaScript é uma tarefa simples e importante para melhorar a experiência do usuário em seu site.
Basta adicionar um ouvinte de evento ao documento que verifica se a tecla pressionada é a tecla “backspace” e, se for, impede o comportamento padrão de voltar à página anterior.
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
E chegamos ao fim do artigo sobre como impedir o backspace de voltar página!
Em conclusão, impedir que a tecla “backspace” volte página em JavaScript é uma tarefa importante para melhorar a experiência do usuário em seu site.
É uma solução simples e eficaz que pode ser facilmente implementada adicionando um ouvinte de evento ao documento.
Além disso, essa solução permite que você mantenha o comportamento padrão da tecla “backspace” dentro de entradas de texto ou áreas de texto, o que é importante para o uso eficiente da página.
Ao implementar essa solução, você pode ter certeza de que está fornecendo aos seus usuários uma experiência de navegação mais suave e sem surpresas desagradáveis.
Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade