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