Cada site contém muitos links em cada interface que direciona o usuário para outras páginas da web. Por exemplo, links para visitar outro site para referência ao ler uma postagem no blog, visite as contas de mídia social de uma marca enquanto visitava seus sites e baixe o software de computador, etc. Mas, se for necessário para desativar um link, a propriedade do evento de ponteiro CSS será usada.

A postagem a seguir explicará como a propriedade do evento de ponteiro é usada em um código para desativar um link em um documento HTML.

Desativando um link usando CSS

A biblioteca CSS é usada em combinação com outros idiomas como HTML. Portanto, se um documento HTML tiver um link para visitar diretamente qualquer outra página da web, a propriedade CSS Pointer-Events será usada para desativar um link:

Ponteiro-eventos: nenhum;
Cursor: padrão;

Como usar a propriedade Pointer-Events no código?

A declaração de estilo CSS na qual adicionaremos a propriedade Ponte-Events para desativar o link deve se referir à classe que contém o link. Por exemplo, se tivermos uma classe chamada "não ativa" que contém o link:

Desative o link usando CSS

Link:
Clique aqui

No código acima, o link clicable possui uma classe "não ativa" que será usada para acessar este elemento HTML.

O código acima gera a seguinte saída:

Clicar no link direciona o usuário para o mecanismo de pesquisa do Google:

A propriedade Pointer-Event

• Dentro de um elemento de estilo CSS, escreva a propriedade do evento Pointer (Evento de Ponteiro: Nenhum) enquanto se refere à classe (não ativa) contendo o link que deve ser desativado.
• Defina o cursor como qualquer uma das opções como padrão, nenhuma, ponteiro, etc.

Depois de executar o código, não haverá alteração na exibição gráfica do link do lado de fora, mas quando o usuário clicar nele, ele não fará nada:

Essa foi a maneira mais fácil de desativar o link em um código usando declarações CSS.

Conclusão

Um link que direciona o usuário para outras páginas da web pode ser facilmente desativado por meio de uma propriedade simples "Ponte-Events: None" CSS. Isso não requer alterações na lógica do código ou da classe em que o link foi criado. Uma propriedade de evento de ponteiro simples no elemento de estilo referente à classe que contém o link é necessário.