Javascript 将单击事件指定给图像对象

我正在使用JavaScript，我正在尝试单击一个对象并使一些简单的事情发生，例如警报

因此，我已声明对象为：

var panel = new Image();
panel.src = IMAGES_PATH + "panel.png";

然后我把它画到了屏幕上

ctx.drawImage(panel, 475, 140);

我现在面临的问题是，我想点击它，我想启动一个函数

尝试#1

尝试#2

我知道点击事件在Google Chrome中起作用，因为我可以：

window.addEventListener("click", click, false);

---

你知道为什么我不能为Image类做onclick吗？

看起来你正在使用画布绘制形状。现在有一种方法可以为画布上的对象注册单击事件

请参考这篇文章以获得一些好的建议

---

谢谢大家的建议，我决定通过在画布中获取鼠标x和y位置，并确定可以单击鼠标启动活动的位置来完成此操作

---

看起来您并没有将图像放入DOM，而只是将其绘制到

画布上的
元素上。在这种情况下，您必须捕获画布元素上的点击，并根据尺寸和点击坐标确定点击是否发生在画布上绘制图像的区域……我很担心。。。我想这解决了我的问题
panel.addEventListener('click', function ()
{
    alert('blah');
}, false);

window.addEventListener("click", click, false);