如何在点击事件发生后禁用它？

Question

我有一个图片，当点击时调用add_cart() JavaScript函数。

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

我希望用户只能点击一次图片。当用户第一次点击时，应调用add_cart函数。如果他第二次点击，则不会发生任何事件。

- Rajasekar

Answer 1

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

- Anurag

Answer 2

如果你是在jQuery端处理这个问题，你可以使用jQuery的one方法。

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

干杯

- igauravsehrawat

Answer 3

使用

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

- Bang Dao

Answer 4

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
    }
}

- Maxim Manco