Jquery 图像变量选择器答案

【问题标题】：Jquery image variable selectorJquery 图像变量选择器
【发布时间】：2012-05-06 04:43:24
【问题描述】：

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

例如：-

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

谁能告诉我正确的语法来做到这一点。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案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
});

【讨论】：