Question

我有一个图片在add_cart()

时调用onclick() JavaScript函数

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

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

Answer 1

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

Answer 2

如果你在jquery方面处理这个问题，你可以使用jquery one方法

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

干杯

Answer 3

使用

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

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

如何在onclick事件发生时禁用它？

4 个答案: