Disable onClick functionality using JavaScript

Question

I am using onClick event for the image.

When I am disable for the particular case, I didn't know exactly how can disable the onClick functionality using JavaScript.

Sample code:

<td>
    <a onClick="fun()">
        <html:img src="/caleder.jpg ... />
    </a>
</td>

calling fun:

function fun() {
    // in fun I want to disable the img and onClick functionality
    // i.e when I click that img, then it can't perform the onClick event.
}

user372743 · Accepted Answer · 2010-10-23 13:17:27Z

3

The probably most efficient way since it removes the event listener:

<script>
  function fun(node) {
    document.getElementById(node).removeAttribute("onClick");
  }
</script>

Inside of the onClick() you need to place a this so it would be onClick(this)

answered Oct 23, 2010 at 13:17

user372743

Sign up to request clarification or add additional context in comments.

Comments

Brandon Frohbieter · Accepted Answer · 2010-10-23 13:08:29Z

1

I usually just set a variable and put the events in the onClick handler inside a conditional statement. Set the variable on the first click, and next time it won't fire.

<script>
  var i = 0;
  function clickHandle(){
    if(i==0){
       //do stuff
       i=1;
  }
<script>

answered Oct 23, 2010 at 13:08

Brandon Frohbieter

18.2k4 gold badges42 silver badges62 bronze badges

Comments

Omid Moghadas · Accepted Answer · 2021-03-16 10:14:07Z

1

you can easy handle this issue with this code after you function see this codes

function disableClick() {
   document.getElementById('yourId you want disable on click').onclick = "";
}

and enable same this code

answered Mar 16, 2021 at 10:14

Omid Moghadas

3473 silver badges9 bronze badges

Comments

user457015 · Accepted Answer · 2010-10-23 14:30:41Z

0

The best way IMO.

function fun() 
{
    if (this.clicked == undefined)
    {
        this.clicked = true;
        // have fun
    }
    return false;
}

answered Oct 23, 2010 at 14:30

user457015

9814 gold badges14 silver badges33 bronze badges

Collectives™ on Stack Overflow

Disable onClick functionality using JavaScript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related