Como desabilitar tag de link – desabilitar tag a para click

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

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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!