是否可以將點擊事件添加到畫布標籤？

Question

我創建了一個： JSFiddle

問：我怎樣才能得到偏移位置登記在畫布標記的的onClick？

問題：點擊圖片標籤console.log工作正常。點擊在畫布上並沒有什麼：C HTML：

<img id="rando" src="http://lorempixel.com/400/200/sports/" alt="" > 
<canvas id="myCanvas" ></canvas> 

JS

var c = document.getElementById("myCanvas"); 
var ctx = c.getContext("2d"); 
var img = document.getElementById("rando"); 
var pos = {}; 
c.width = 400; 
c.height = 200; 
ctx.drawImage(img, 0, 0); 

$('img').click(function(e) { 
     var posX = $(this).offset().left, 
      posY = $(this).offset().top; 

     console.log((e.pageX - posX)+ ' , ' + (e.pageY - posY)); 
    }); 

$('c').click(function(e) { 
     var posX = $(this).offset().left, 
      posY = $(this).offset().top; 

     alert((e.pageX - posX)+ ' , ' + (e.pageY - posY)); 
    }); 

Answer 1

您必須刪除「

$(c).click(function(e) { 
... 
});