Cómo deshabilitar los enlaces en JavaScript

En JavaScript, puede encontrar una situación en la que se requiere deshabilitar un enlace específico en caso de una actualización en el contenido del sitio web o cuando se accede a un sitio específico o manteniendo un sitio web o página web. En tales escenarios, los enlaces deshabilitar pueden ser útiles para los desarrolladores y usuarios, ya que ahorra mucho tiempo en ambos extremos.

Este artículo lo guiará para deshabilitar los enlaces en JavaScript.

Cómo deshabilitar los enlaces en JavaScript?

Para deshabilitar los enlaces en JavaScript, puede aplicar:

• Configuración "href" atributo
• "addEventListener ()" método

Ahora pasaremos por cada uno de los enfoques mencionados uno por uno!

Método 1: Deshabilitar enlaces en JavaScript configurando el atributo HREF

"href"Es un atributo de la etiqueta de anclaje utilizada para identificar secciones dentro de un documento. Se puede usar para devolver un "indefinido"Valor colocando un valor nulo"Vacío (0)" en el "Url"Deshabilitar el enlace en JavaScript.

Sintaxis

Aquí, "Url"Se refiere al recurso del sitio web para abrir una página web y agregar"Vacío (0)"Lo deshabilitará.

Mira el ejemplo dado a continuación.

Ejemplo
En este ejemplo, colocaremos el href en el "" etiqueta. Ahora, devolveremos un valor indefinido estableciendo href en "https: // www.YouTube.com: vacío (0)":

YouTube

La salida de la implementación anterior dará como resultado:

Método 2: Deshabilitar enlaces en JavaScript utilizando el método "AddEventListener"

En JavaScript, el "addEventListener ()"El método adjunta un controlador de eventos a un documento. Podemos utilizar este método para agregar un evento "hacer clic"Y luego deshabilite el enlace proporcionado por"PreventDefault ()"En una condición específica que evitará la activación del evento adicional.

Sintaxis

addEventListener (evento, función)

Aquí, el parámetro "evento"Se refiere al tipo de evento y al parámetro"función"¿Es la función a la que queremos acceder cada vez que ocurra el evento?.

Mire el siguiente ejemplo para una mejor comprensión del concepto:

Ejemplo
En primer lugar, colocaremos el enlace de la página web en la etiqueta de anclaje del "href" atributo. Aquí, "ID = Inicio"Abrirá la página de inicio de YouTube y el"blanco"El objetivo abrirá la página web especificada en la nueva pestaña:

YouTube

A continuación, accederemos al valor del atributo HREF pasándolo como un parámetro al "documento.getElementById ()" método. Ahora, incluiremos un "hacer clic"Evento y la función a la que queremos acceder cada vez que ocurra el evento. Finalmente, se aplica una condición de tal manera que si la página web especificada se desencadena como evento de clic, el evento está deshabilitado por el "PreventDefault ()" método:

La salida correspondiente en este caso será:

Hemos proporcionado todos los métodos más simples para deshabilitar los enlaces en JavaScript. Puede usar cualquiera de los métodos explicados de acuerdo con sus requisitos.

Conclusión

Para deshabilitar los enlaces en JavaScript, puede aplicar el "href"Método de atributo para devolver un valor indefinido colocando el valor nulo"Vacío (0)" en el "Url"Marcador de posición o utilizar el"addEventListener ()"Método para agregar un evento de clic en la URL especificada en el atributo HREF y luego deshabilitarlo en una condición específica. Este artículo explicó los métodos para deshabilitar los enlaces en JavaScript.