How to disable the onclick event once it happens?

Question

I had a image which calls add_cart() JavaScript function when onclick()

<img src="images/add.png" onclick="add_cart()">

I want the user to click the image only one time. When the user clicks it first time, add_cart function should be called. If he clicks second time no event should happen.

Solution 1

If you are dealing this on jquery side,you can use jquery one method

$(".myDiv").one("click", function(){  
    alert("this will happen only once");  
});

Cheers

Solution 2

<img src="images/add.png" onclick="add_cart(); this.onclick=null;">

Solution 3

Using

<img src="images/add.png" onclick="this.onclick = function(){};add_cart();">