Làm thế nào để vô hiệu hóa sự kiện onclick khi nó xảy ra?

Question

Tôi đã có một hình ảnh trong đó kêu gọi add_cart() hàm JavaScript khi onclick()

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

tôi muốn người dùng nhấp vào hình ảnh một lần duy nhất. Khi người dùng nhấp vào lần đầu tiên, chức năng add_cart sẽ được gọi. Nếu anh ta nhấp vào lần thứ hai thì không có sự kiện nào xảy ra.

Answer 1

Nếu bạn đang đối phó này đứng về phía jquery, bạn có thể sử dụng jquery one phương pháp

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

Cheers

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

Sử dụng

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