A postagem a seguir explicará como a propriedade de evento de ponteiro é usada em um código para desabilitar um link em um documento HTML.
Desativando um link usando CSS
A biblioteca CSS é usada em combinação com outras linguagens 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:
eventos de ponteiro : nenhum ;
cursor : padrão ;
Como usar a propriedade pointer-events no código?
A declaração de estilo CSS na qual adicionaremos a propriedade pointer-events para desabilitar o link deve se referir à classe que contém o link. Por exemplo, se tivermos uma classe chamada “not-active” que contém o link:
< h1 > Desativar o link usando CSS < / h1 >< br >
< b > Link: < / b >
< a href = 'https://www.google.com/' aula = 'não ativo' > Clique aqui < / a >
No código acima, o link clicável possui uma classe “not-active” que será utilizada para acessar este elemento HTML.
O código acima gera a seguinte saída:
Ao clicar no link, o usuário é direcionado para o mecanismo de pesquisa do Google:
A propriedade de evento de ponteiro
- Dentro de um elemento de estilo CSS, escreva a propriedade do evento do ponteiro ( evento de ponteiro: nenhum ) ao se referir à classe (não-ativa) que contém o link que deve ser desabilitado.
- Defina o cursor como qualquer uma das opções, como padrão, nenhum, ponteiro, etc.
.não ativo {
eventos de ponteiro : nenhum ;
cursor : padrão ;
}
>
Depois de executar o código, não haverá alteração na exibição gráfica do link por fora, mas quando o usuário clicar nele, ele não fará nada:
Essa foi a maneira mais fácil de desabilitar o link em um código usando instruções CSS.
Conclusão
Um link que direciona o usuário para outras páginas da Web pode ser facilmente desabilitado por meio de uma simples propriedade CSS “pointer-events: none”. Isso não requer nenhuma alteração na lógica do código ou na classe na qual o link foi criado. É necessária uma propriedade de evento de ponteiro simples no elemento de estilo referente à classe que contém o link.