Neste artigo você vai aprender a como desabilitar tag de link, ou seja, impedir que o click seja feito nesta tag
Fala programador(a), beleza? Bora aprender a como bloquear a tag de link!
Há algumas abordagens que podemos utilizar para resolver o nosso problema
A primeira é com o bom e velho CSS, quem diria?
Você pode utilizar:
#link {
pointer-events: none;
cursor: default;
}
Apenas lembre-se de alterar #link para o seletor da sua tag
Desta maneira, o evento padrão que é o redirecionar de página ao clicar de link não ocorre mais
O maior problema é que o botão direito não funciona
Pois também é considerado um evento de mouse
Outra abordagem, agora com JavaScript, é utilizar o famoso void:
<a href="javascript:void(0)">teste</a>
Desta maneira, a tag de link também estará bloqueada
Impedindo o usuário de clicar e obter o resultado padrão
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
No artigo de hoje você aprendeu a como desabilitar tag de link
Utilizamos duas abordagens:
- Com CSS, utilizando a regra de pointer events;
- E com JS, utilizando a void;
Escolha qual maneira é melhor para você, e aplique em seu projeto 🙂
Deseja programar de forma profissional? 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!