jQuery的圖像參數選擇

Question

我要綁定在JavaScript中定義一個圖像變量點擊事件，但我不知道該使用哪種選擇

如： -

var image=new Image();  
image.src=src; 
$("image").click(function()); 

有人可以告訴我正確的語法來做到這一點。

Answer 1

您可能會發現很容易與img節點，而不是Image對象本身的工作：根據您的意見

var image = $('<img src="' + src + '" />'); 
image.click(function(){ 
    // do something awesome 
}); 

，這聽起來像你想點擊事件綁定到的圖像被轉移到畫布上。在這種情況下，您最好的選擇可能是綁定畫布上的點擊事件，並根據您傳輸的圖像的座標和尺寸檢查鼠標座標。

Answer 2

var image = $('img[src="'+ src +'"]'); 

$(image).click(function() { 
    // stuff 
}); 

OR

var image = new Image();  
image.src=src; 
$(image).click(function() { 
// stuff 
}); 

您也可以嘗試現場直播，如果你想畫圖像DOM後來像以下：

var image = new Image();  
image.src=src; 
$('body').on('click', image, function() { 
    // stuff 
});