¿Cómo deshabilitar el evento onclick una vez que sucede?

Question

Yo tenía una imagen que llama a la función JavaScript add_cart() cuando onclick()

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

que desea que el usuario haga clic en la imagen sólo una vez. Cuando el usuario hace clic por primera vez, se debe llamar a la función add_cart. Si hace clic por segunda vez, no debería haber ningún evento.

Answer 1

Si se trata de esto en el lado jQuery, puede utilizar jQuery one método

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

Saludos

Answer 2

window.onload = function() { 
    document.getElementById('myImageId').onclick = handleImageClick; 
} 

var handleImageClick = function(e) { 
    var target; 
    if (!e) var e = window.event; 
    if (e.target) targ = e.target; 
    else if (e.srcElement) targ = e.srcElement; 
    if (targ.nodeType == 3) // defeat Safari bug 
     targ = targ.parentNode; 

    if(target) { 
     target.onclick = function(){} 

     // do your stuff here 
    } 
} 

Answer 3

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

Answer 4

Usando

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