Jquery图像变量选择器

Question

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

例如： -

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

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

Answer 2

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