Como desativar links em javascript

No JavaScript, você pode encontrar uma situação em que é necessário desativar um link específico em caso de uma atualização no conteúdo do site ou quando houver tráfego intenso em um site específico para ser acessado ou manter um site ou página da web. Em tais cenários, os links incapacitantes podem ser úteis para os desenvolvedores e usuários, pois economiza muito tempo nas duas extremidades.

Este artigo o guiará sobre os links desativados em JavaScript.

Como desativar links em javascript?

Para desativar os links em JavaScript, você pode aplicar:

• Contexto "Href”Atributo
• ““addEventListener ()”Método

Vamos agora passar por cada uma das abordagens mencionadas uma a uma!

Método 1: Desativar links em JavaScript definindo o atributo href

““Href”É um atributo da etiqueta de âncora usada para identificar seções dentro de um documento. Pode ser usado para devolver um “indefinido”Valor colocando um valor nulo“vazio (0)" no "Url”Para desativar o link em JavaScript.

Sintaxe

Aqui, "Url”Refere -se ao recurso do site para abrir uma página da web e adicionar“vazio (0)”Irá desativá -lo.

Olhe para o exemplo abaixo do gol.

Exemplo
Neste exemplo, colocaremos o href no “" marcação. Agora, retornaremos um valor indefinido definindo Href para “https: // www.YouTube.com: void (0)”:

YouTube

A saída da implementação acima resultará em:

Método 2: Desativar os links em JavaScript usando o método "addEventListener"

Em JavaScript, o “addEventListener ()”Método anexa um manipulador de eventos a um documento. Podemos utilizar este método para adicionar um evento “clique”E então desative o link fornecido por“PreventDefault ()”Em uma condição específica que impedirá o acionamento do evento adicionado.

Sintaxe

addEventListener (evento, função)

Aqui, o parâmetro “evento”Refere -se ao tipo de evento e ao parâmetro“função”É a função que queremos acessar sempre que o evento ocorrer.

Veja o exemplo a seguir para obter uma melhor compreensão do conceito:

Exemplo
Em primeiro lugar, colocaremos o link da página da web na tag âncora do “Href”Atributo. Aqui, "id = home”Abrirá a página inicial do YouTube e o“em branco”A Target abrirá a página da web especificada na nova guia:

YouTube

Em seguida, acessaremos o valor do atributo href, passando -o como um parâmetro para o “documento.getElementById ()”Método. Agora, incluiremos um “clique”Evento e a função que queremos acessar sempre que o evento ocorrer. Finalmente, uma condição é aplicada de tal maneira que, se a página da web especificada desencadear como o evento de clique, o evento será desativado pelo “PreventDefault ()”Método:

A saída correspondente neste caso será:

Fornecemos todos os métodos mais simples para desativar os links em JavaScript. Você pode usar qualquer um dos métodos explicados de acordo com seus requisitos.

Conclusão

Para desativar os links em JavaScript, você pode aplicar o “Href”Método de atributo para retornar um valor indefinido, colocando o valor nulo“vazio (0)" no "Url”Espago ou utilizar o“addEventListener ()”Método para adicionar um evento de clique no URL especificado no atributo href e depois desativá -lo em uma condição específica. Este artigo explicou os métodos para desativar os links em javascript.