是否可以将click事件添加到canvas标记？

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