How to Disable Links in JavaScript

In JavaScript, you may encounter a situation where it is required to disable a specific link in case of an update in the website content or when there is heavy traffic on a specific site to be accessed or maintaining a website or web page. In such scenarios, disabling links can be helpful for the developers and users as it saves a lot of time on both ends.

This article will guide you about Disabling Links in JavaScript.

How to Disable Links in JavaScript?

To Disable Links in JavaScript, you can apply:

We will now go through each of the mentioned approaches one by one!

Method 1: Disable Links in JavaScript by Setting href attribute

href” is an attribute of the anchor tag used to identify sections within a document. It can be used to return an “undefined” value by placing a null value “void(0)” in the “URL” to disable the link in JavaScript.


<a href= "URL:void(0)">

Here, “URL” refers to the website resource for opening a web page and adding “void(0)” will disable it.

Look at the below-given example.

In this example, we will place the href in the “<body>” tag. Now, we will return an undefined value by setting href to “”:

    <a href= "" id= "home">Youtube</a><br>  

The output of the above implementation will result in:

Method 2: Disable Links in JavaScript Using “addEventListener” method

In JavaScript, the “addEventListener()” method attaches an event handler to a document. We can utilize this method to add an event “click” and then disable the provided link by “preventDefault()” at a specific condition which will prevent the triggering of the added event.


addEventListener(event, function)

Here, the parameter “event” refers to the event type, and the parameter “function” is the function we want to access whenever the event occurs.

Look at the following example for a better understanding of the concept:

Firstly, we will place the webpage link in the anchor tag of the “href” attribute. Here, “id=home” will open the homepage of youtube and the “blank” target will open the specified webpage in the new tab:

<a href='' id='home' target='blank'>Youtube</a>

Next, we will access the href attribute value by passing it as a parameter to the “document.getElementById()” method. Now, we will include a “click” event and the function we want to access whenever the event occurs. Finally, a condition is applied in such a way that if the specified web page triggers as the click event, the event is disabled by the “preventDefault()” method:

    var link = document.getElementById('home');
        document.addEventListener('click', function (e) {
            if ( === {

The corresponding output in this case will be:

We have provided all the simplest methods to Disable Links in JavaScript. You can use any of the explained methods according to your requirements.


To disable links in JavaScript, you can apply the “href” attribute method for returning an undefined value by placing the null value “void(0)” in the “URL” placeholder or utilize the “addEventListener()” method for adding a click event at the specified URL in the href attribute and then disabling it on a specific condition. This write-up explained the methods to disable links in JavaScript.

About the author

Sharqa Hameed

I am a Linux enthusiast, I love to read Every Linux blog on the internet. I hold masters degree in computer science and am passionate about learning and teaching.