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

ИЛИ

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