Come disabilitare i collegamenti in JavaScript

Come disabilitare i collegamenti in JavaScript
In JavaScript, è possibile incontrare una situazione in cui è tenuto a disabilitare un collegamento specifico in caso di aggiornamento nel contenuto del sito Web o quando è presente un traffico intenso su un sito specifico a cui si accede o la manutenzione di un sito Web o una pagina Web. In tali scenari, i collegamenti disabilitati possono essere utili per gli sviluppatori e gli utenti in quanto risparmia molto tempo su entrambe le estremità.

Questo articolo ti guiderà sulla disabilitazione dei collegamenti in JavaScript.

Come disabilitare i collegamenti in JavaScript?

Per disabilitare i collegamenti in JavaScript, è possibile applicare:

  • Collocamento "Href"Attributo
  • "addEventListener ()" metodo

Ora passeremo attraverso ciascuno degli approcci menzionati uno per uno!

Metodo 1: Disabilita i collegamenti in JavaScript impostando l'attributo HREF

"Href"È un attributo del tag di ancoraggio utilizzato per identificare le sezioni all'interno di un documento. Può essere usato per restituire un "non definito"Valore posizionando un valore nullo"vuoto (0)" nel "URL"Per disabilitare il collegamento in JavaScript.

Sintassi

Qui, "URL"Si riferisce alla risorsa del sito Web per l'apertura di una pagina Web e l'aggiunta di"vuoto (0)"Lo disabiliterò.

Guarda l'esempio seguente.

Esempio
In questo esempio, posizioneremo l'HREF nel ""Tag. Ora restituiremo un valore indefinito impostando HREF su "https: // www.Youtube.com: void (0)":


Youtube

L'output dell'implementazione di cui sopra comporterà:

Metodo 2: Disabilita i collegamenti in JavaScript usando il metodo "AddeventListener"

In JavaScript, il "addEventListener ()"Il metodo allega un gestore di eventi a un documento. Possiamo utilizzare questo metodo per aggiungere un evento "clic"E quindi disabilita il collegamento fornito da"PreventDefault ()"A una condizione specifica che impedirà l'attivazione dell'evento aggiunto.

Sintassi

addEventListener (evento, funzione)

Qui, il parametro "evento"Si riferisce al tipo di evento e al parametro"funzione"È la funzione a cui vogliamo accedere ogni volta che si verifica l'evento.

Guarda il seguente esempio per una migliore comprensione del concetto:

Esempio
In primo luogo, posizioneremo il collegamento della pagina web nel tag di ancoraggio di "Href"Attributo. Qui, "id = casa"Aprirà la homepage di YouTube e"vuoto"Target aprirà la pagina Web specificata nella nuova scheda:

Youtube

Successivamente, accederemo al valore dell'attributo HREF passandolo come parametro al "documento.getElementById ()" metodo. Ora includeremo un "clic"Evento e funzione a cui vogliamo accedere ogni volta che si verifica l'evento. Infine, viene applicata una condizione in modo tale che se la pagina Web specificata attiva come evento Click, l'evento è disabilitato dal "PreventDefault ()" metodo:

L'output corrispondente in questo caso sarà:

Abbiamo fornito tutti i metodi più semplici per disabilitare i collegamenti in JavaScript. Puoi utilizzare uno qualsiasi dei metodi spiegati in base alle tue esigenze.

Conclusione

Per disabilitare i collegamenti in JavaScript, è possibile applicare il "Href"Metodo dell'attributo per restituire un valore non definito posizionando il valore null"vuoto (0)" nel "URL"Segnaposto o utilizza il"addEventListener ()"Metodo per l'aggiunta di un evento di clic sull'URL specificato nell'attributo HREF e quindi disabilitarlo in una condizione specifica. Questo articolo ha spiegato i metodi per disabilitare i collegamenti in JavaScript.