jquery - Jquery 图像变量选择器

Question

我想在 javascript 中定义的图像变量上绑定点击事件，但我不确定要使用哪个选择器

例如：-

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

有人可以告诉我正确的语法来做到这一点。

Answer 1

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

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

或者

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

Answer 2

img您可能会发现使用节点而不是Image对象本身更容易：

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

根据您的评论，听起来您正在尝试将单击事件绑定到正在传输到画布的图像。在这种情况下，您最好的选择可能是在画布上绑定点击事件，并根据您传输的图像的坐标和尺寸检查鼠标坐标。