Neste artigo você vai aprender a como pedir confirmação de sair ao clicar na tag a, ou seja, exibir uma mensagem para o usuário perguntando se ele deseja sair
Fala programador(a), beleza? Bora aprender mais sobre JavaScript e eventos de DOM!
O que queremos é impedir que o usuário seja redirecionado imediatamente ao clicar em um link
Precisamos exibir uma mensagem, em que ele possa decidir se vai ou não sair da página
Isso pode ser feito em todos os links ou em um link específico, aqui vou mostrar selecionando todos os links da página
Depois de selecionar vamos adicionar um evento de click
E por último utilizaremos a função confirm, com a mensagem que precisamos exibir
Veja um exemplo de código:
const aElements = document.querySelectorAll('a');
for (a of aElements) {
a.addEventListener("click",() => {
return confirm("Deseja sair?");
});
}
Na primeira linha temos a seleção dos elementos, e armazenamos eles em uma variável
Depois criamos um loop para adicionar o evento a cada um deles
A string que vai como parâmetro na função confirm, é a mensagem que será exibida ao clicar em algum link
Simples não é? Agora basta adaptar a situação do seu projeto
Deixe um comentário contando o que achou deste artigo 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
No artigo de hoje você aprendeu a como pedir confirmação de sair ao clicar na tag a
Utilizamos o querySelectorAll para selecionar todos os links, ou seja, as tags a da página
Depois adicionamos um evento de click, que evoca a função confirm
Nela podemos passar uma mensagem, que será exibida quando o usuário clicar em qualquer link da página
Isso o impede de sair imediatamente da página, aguardando a confirmação do mesmo
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!