如何禁用onclick事件一旦发生？

Question

我已经当onclick()

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

我希望用户单击图像只有一次它调用add_cart() JavaScript函数的图像。当用户第一次点击时，应该调用add_cart函数。如果他第二次点击，则不应发生事件。

Answer 1

如果你正在处理这个jQuery的一面，你可以使用jQuery one方法

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

干杯

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

使用

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